Border around specific images

Site URL: https://regional-copywriter.squarespace.com/

Hi, 

Could someone please help me. I would like to add a thin black border around the portfolio images (only) on this site. 

https://regional-copywriter.squarespace.com/

Password: regionalcopywriter

Thank you, 

Krysten

Would something like the following work?

Add the following to Design > Custom CSS.

.portfolio-grid-basic .grid-item {

  border : solid thin;
  padding : 10px;
  
  }

Let us know how it goes.

Thank you. Is there a way to have the border hug the image only (not the title as well)

... and also include a border around the images without each portfolio item:

Quote

Is there a way to have the border hug the image only (not the title as well)

Add the following to Design > Custom CSS.

.portfolio-grid-basic .grid-item .grid-image .grid-image-inner-wrapper {

  border : solid thin;
  
  }

Quote

... and also include a border around the images without each portfolio item:

Add the following to Design > Custom CSS.

.sqs-block-image:not( #block-yui_3_17_2_1_1629691259991_3249 ) .image-block-outer-wrapper {

  border : solid thin;
  
  }

Let us know how it goes.

That worked perfectly. Thank you!

I just have one image on the site I don't want a border on. Steph's signature. See screenshot.

Is there anyway to remove the border from this image?

16 minutes ago, Krysten-Jadae said:

I just have one image on the site I don't want a border on. Steph's signature.

I have updated my last code post.

It worked! Thank you so much!

Are you able to please jump over to another one of my questions for the same site and see if you can help me? 

Please see my response in the other thread.