Gallery Images Overlapping

Activello
1

Hi,

When I create a gallery with 2 columns, most of the images are places nicely with a white line separating them, however some always seem to be shifted and overlapping slightly (as in the attached image).

Is there a way to resolve this as it looks messy.

Many thanks

2

Hi @organisedgeorge,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it is displaying so that i can help you to resolve it?

Best Regards,
Movin

3

Hi,

It’s… http://www.loveyourcamera.co.uk/capturing-kent-countryside/

Thank you.

4

You can try resolving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.gallery-columns-2 .gallery-item:nth-of-type(2n+3) {
    clear: both;
}
#page .gallery-columns-2 .gallery-item:last-child {
    clear: none;
}
5

Perfect thank you, worked a treat!

6

You are always welcome here :slight_smile: