Jump to content

How to create borders on images, blog page, blog post page and recent posts

Recommended Posts

Site URL: https://www.relativelygenealogy.com/

Just getting started here on Squarespace and I have a few things I am trying to do. I'd like to create a border on most of my images. I tried some solutions that others posted here but none of them worked for me.

More specifically I'd like to place a border around all the images on the blog page, the blog post page and on the home page in the recent posts (summary block) area.

https://www.relativelygenealogy.com/

password: relatively1313

thanks!

Link to comment
45 minutes ago, Eventide said:

Site URL: https://www.relativelygenealogy.com/

Just getting started here on Squarespace and I have a few things I am trying to do. I'd like to create a border on most of my images. I tried some solutions that others posted here but none of them worked for me.

More specifically I'd like to place a border around all the images on the blog page, the blog post page and on the home page in the recent posts (summary block) area.

https://www.relativelygenealogy.com/

password: relatively1313

thanks!

Hi! Add this code to custom css. You can change the thickness of the border and its colour. Let me know how it goes 😊

.summary-thumbnail.img-wrapper {
  border: 1px solid black;
}

.blog-basic-grid .image-wrapper {
  border: 1px solid black;
}

.blog-item-content-wrapper .sqs-image-shape-container-element {
  border: 1px solid black;
}

Please give this a 👍 if it helps

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.