[Bartosz MParticipant]

Hi,

I’m struggling to create a gallery where images will be presented in boxes of equal size. If I add only horizontal images all look good but when I add vertical picture it’s size is double and looks bad with other (horizontal) pictures.
Please have a look at: http://www.mycie.biz/realizacjen/

My idea is to have all pictures in boxes of exactly the same size so it would look neatly on my page.

I would much appreciate your support.

[Kosher KMember]

Hi Bartosz,

Thanks for writing in,

Can you please add this code below in Customizer -> Custom -> CSS, this will fix the image overlapping issue in firefox,

.x-img {
    max-width: 100%;
}

The best way to create an equal thumbnail size for gallery is to upload the images on the same resolution.

However, you can try to force these images to have the same width and height,

Try to add this code in Customizer -> Custom -> CSS and see if that would work for you.

.x-img img {
	max-width: 295px;
	width: 100%;
	max-height: 215px;	
	height: 100%;
}

Hope that helps.

Cheers

[Bartosz MParticipant]

Hi, it helps however as you’ve said probably the only really good solution is to have the same resolution for all images.
By the way, I just wonder, if that’s difficult to create the nice “back to top” button as at your page e.g. http://theme.co/x/demo/integrity/1/shortcodes/accordion/

Thank’s for your support.

Regards,

[RadModerator]

Hi Bartosz,

Okay cool. And then enable the “back to top” button at Customizer > Footer > SCROLL TOP ANCHOR.

Cheers!

[Bartosz MParticipant]

The first thing that is easier than I thought:-) Thanks again!!!

[Kosher KMember]

You’re welcome.

Have a great day

[Author]

Posts