Jump to content

Add borders to individual images on Gallery Grid: Simple

Recommended Posts

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!

Link to comment

Add to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 years later...
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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 3 weeks later...

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?

 

Screen Shot 2023-06-01 at 9.04.02 AM.png

Edited by vireshwara
Link to comment
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?

 

Screen Shot 2023-06-01 at 9.04.02 AM.png

For this?

image.thumb.png.8ddfd1537e67027a851ff04288cfdd01.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.