Staggered photo display

I did some research on the following page: https://www.laura-petersen.com/photo/

The only strange thing I noticed are the arrows before each image. They are added by your theme. Some javascript prepends <i></i> to each row and that causes the images. You could hide those arrows by adding the following lines of css somewhere:

ul.epa-album li.epa-row > i {
    display: none;
}

NOTE: this is just a quick fix. It isn’t elegant, so you should actually ask the developer of your theme for an solution.

If you’ve any questions, please post them here.

Thanks so much for looking into it. I changed the number of columns to 1 as a work around to the staggered problem when I had two or three columns. I was able to get rid of the dotted line box by deleting

from around the album code. If you don’t mind taking another look – I will switch the columns back to 3 so you can see the issue, because I would rather have the three columns. I will post here when I’ve made the change.

I deleted the HTML code pre (sorry didn’t realize it would code)

Hi — I changed the columns back to three and it’s still not lining up evenly. Thanks in advance for your help. https://www.laura-petersen.com/photo/

Put this css somewhere:

.epa-album p {
    display: none;
}

I was a bit buzzy last week, that is why I replied so late.

That worked — thanks!