Add borders to individual images on Gallery Grid: Simple

Site URL: https://www.hanroco.com/art-direction

i added a 2px black border to all of the images on my site (https://www.hanroco.com). i'm trying to do the same for the images on this page (https://www.hanroco.com/art-direction) which are galleries rather than inline images. the best i can get is a border surrounding each entire gallery using .gallery-grid-wrapper {border: 2px solid #000}. any help would be very much appreciated!

Add to Design > Custom CSS

/* Art direction image border */
body#collection-5ff66cfe393fd96834e306ed #page img {
    border: 10px solid green;
}

Is there any way to add the border around the individual images as well? 

2 hours ago, MortoVivo_Lu said:

Is there any way to add the border around the individual images as well?

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Hi everyone. This is an issue I have faced on two different sites and I really need help with it! 

I have css borders on images/slideshows that are fine, except the borders don't actually fit the images! It is so frustrating. You can see in the attached image how it has a space at the bottom. 

How can I get the border to tightly fit the images?

https://seahorse-yellow-8j62.squarespace.com/home

pw: buckhorn

@tuanphan can you help with this please?

On 6/1/2023 at 9:16 PM, vireshwara said:

Hi everyone. This is an issue I have faced on two different sites and I really need help with it! 

I have css borders on images/slideshows that are fine, except the borders don't actually fit the images! It is so frustrating. You can see in the attached image how it has a space at the bottom. 

How can I get the border to tightly fit the images?

https://seahorse-yellow-8j62.squarespace.com/home

pw: buckhorn

@tuanphan can you help with this please?

 

For this?