I'm working on galleries for many website pages, including https://desertpipes1.com/desert-pipes-chapter-history/desert-pipes-in-the-1980s/. I'm using Photo Gallery as suggested by Rick, the free version. I want to change the margins between thumbnails.

Here is the Inspect Element screen shot I was going by:

The original margins were 4px and 4px. Changing them as here, 24px and 50px, did change the thumbnail margins.

Based on the Inspect Element page, I used this code in the Custom CSS:

#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item > a {
margin-right: 24px;
margin-bottom: 50px;
}

I don't necessarily want the margins that large, I just wanted to see them. While this worked on the Inspect Element page, it did not work in my Custom CSS. I've tried what other selectors I can figure out, and can't find what I'm missing.

Any suggestions would be welcome. I have a feeling I'm missing something simple, and just can't see it.

Thanks,

Marcy