Jump to content

How to add a border around the image of a card image block

Recommended Posts

Site URL: https://porcupine-duck-zbe8.squarespace.com/

Hi I want to customise my image cards individually (they will be on different background colours across the website) I want to add a border around the image of a card.


I have tried - 




border: solid 3px #COLOR;


Which adds a boarder only around 3 sides 

I have tried a few other things but nothing works other than getting a boarder round the text with 

//Experience Text
 .sqs-block-image .image-card-wrapper {
   border: 10px solid #B7CBD6!important;

Any help would be much appreciated 🙂 

Edited by MillyBanks
Link to comment
23 hours ago, MillyBanks said:

Thanks @tuanphan nearly there but it appears a little odd 




Change your code to

div#block-yui_3_17_2_1_1642110343813_2971 .content-fit {
    border: 20px solid #bbced8;


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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.