How to create borders on images, blog page, blog post page and recent 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!

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;
}

Worked as expected! thanks so much.