Gallery

Onlinynl · August 2015

I want to have the same gallery as the Records(http://themes.muffingroup.com/be/records/) demo with the same size tumbnails. How do i get this?

My website is http://www.macases.nl.

Evendough I justified the settings->media information the tumbnails are still blurry.

Albert · August 2015

Do you mean 6 gallery images that are next to "How to prepare for recording" text?

Onlinynl · August 2015

Yes that one.

Albert · August 2015

So this is simple WP gallery. We simply used gallery shortcode in the "Column" item. But as we see, looks like you sorted it already because gallery is visible on your side now.

Onlinynl · August 2015

I don't think that you understand the question.

I want to have the exact (format) gallery as the records gallery. And the tumbnails are blurry(not clear).

How can I get this?

Albert · August 2015

On your site, the format is exactly the same. You got 6 images (3 per one row). Only the images are blurred but it's because of wrong configured settings. Please take a look at http://forum.muffingroup.com/betheme/discussion/938/problem-with-image-size-in-shop-slider-media-images-settings-sizes where we explained which media settings should be set to change images look. Of course after this change, please do not forget to use https://pl.wordpress.org/plugins/force-regenerate-thumbnails/ plugin.

P.S. On our demo, gallery is in "Column" which is 1/2 width while on your site you set gallery under 2/3 width and that's why images will be larger.

mjlaval · September 2015

Hello,

I reproduced this gallery fine on site, but on mobile it displays differently.

I want the images to show in the 3 column/2 row format as on desktop, but instead they appear in line one on top of another each being the full width of the mobile screen...

I have already changed media settings as noted and tried immediately after importing demo data with no changes - but still no luck.

What needs to be done to keep the 3 column/2 row format on mobile?

mjlaval · September 2015

These two seem to be causing the problem...

#Content .gallery:not(.gallery-columns-1) .gallery-item {
width: 50%;
}

#Content .gallery .gallery-item {
width: 100%;
}

Would changing them to 33% and placing in Custom CSS field on page with gallery be okay? Or is there a better approach?

Albert · September 2015

@mjlaval You can do this and see if this works. Sounds like should be fine.

Gallery

Comments