Padding or space between images

Hi,

Please add the following CSS code in Appearance > Customize > Additional CSS:

#bwg_container1_0 #bwg_container2_0 .bwg_masonry_thumb_0 {padding: 11px !important; }

We hope this information helps. Please let us know if we can help further.

Thank you! have a nice day!

Hi,

thank you for your answer but it didnt solve the issue. nothing has been changed.
i`ve also added the code into custom field css under the page but still same.

Best,
Aytac

• This reply was modified 6 years, 10 months ago by designaytac.

I`ve found a solution. I’ve added h2 ad first line and worked. I don’t know why ??

h2
#bwg_container1_0 #bwg_container2_0 .bwg_masonry_thumb_0 {padding: 11px !important; }

thank you for your help and plugin.

well done.

Best
Aytac

Hi,

We are glad to hear you have no problem now.

Please feel free to contact us further. We will be happy to assist you and solve any problem.

Thank you!
Have a great day!

I’m currently wishing to change this also but the solution offered by Photo Gallery Support does not seem to work and I can not understand the solution that was offered by the OP.

Thanks for any help.

Hi,

Would you like to expand the space between Thumbnails as well? Could you please give us the URL address of the page where the Gallery is published? We will try to suggest a CSS solution for you.

Thank you! Have a nice day!

Hi – I’m also trying to figure out how to add padding between the thumbnails. Any CSS help would be great! Here’s the URL to my galleries: https://lipsology.guru/photo-gallery/

Hi,

Please add the below-written CSS code into Appearance > Customise > Additional CSS:

#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item0 {margin: 10px;
}

#bwg_container1_1 #bwg_container2_1 .bwg-container-1 .bwg-item0 {margin: 10px;
}

Please let us know if it helps.

Thank you! Have a nice day!

That worked perfect, thank you!

The spacing seemed a bit out of whack to me and worked better when I tried this.

#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item0 {margin: 10px 5px 10px 5px;
}

#bwg_container1_1 #bwg_container2_1 .bwg-container-1 .bwg-item0 {margin: 10px 5px 10px 5px;
}