Jump to content

How to add a border around an image shape

Recommended Posts

Posted

I am wanting to add a border or stroke to an image block with a shape applied, I can not find any CSS or way to do this and I was wondering if anyone knows what to use?

Please see attached an example of what I want to achieve in the arch shape.

 

 

 

ec2295ed9172aa92f3e9233365ce683a.jpg

  • 4 weeks later...
Posted

Hello, thank you so much. 

I have been trying to add a border to the screenshot attached. (the 3 oval shape images) I only want to add borders to some images on the website so I need to target specific blocks. 

I managed to do this in developer mode but when copying the code into Squarespace it didn't work and just made a big black background behind the shape.

Please see attached examples:

 

 

 

border-working-in-developer.png

how-the-code-looks-in-squarespace.png

the-code-i-used.png

what-i-want-to-ad-a-border-to.png

Posted

I have actually worked it out, When copying the clip path from the developer tool to my custom CSS it cut it off. It now has added the border after fixing the clip-path link.

Thanks for your help.

  • 9 months later...

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.