Jump to content

How to change SVG path ('d' property) with code injection?

Recommended Posts

Site URL: https://biomusings.org/

Hi!

When adding a social icon from a network that is not recognized by Squarespace, there is a generic 'URL' icon used in its place. I was wondering if it is possible to change the SVG path ('d' property, here a basic explanation) to replace the generic icon with something else.

image.png.34d83a092e60209a8b1de3cf36d86e3b.png<- generic URL icon

 

I tried this code in CSS, but it does not work:

#url-icon > path:nth-child(1) {

d: path('M 64 0 H 0 V 64 H 64 V 0 Z M 48 32 L 52 32 C 52 44 45 52 32 52 L 32 52 L 32 52 L 32 52 L 32 52 C 19 52 12 44 12 32 L 12 32 C 12 20 19 12 32 12 L 32 16 L 32 12 C 44 12 52 21 52 32 L 47 32 C 47 41 42 47 32 47 L 32 47 C 22 47 17 41 17 32 L 17 32 C 17 24 21 17 32 17 L 32 17 C 42 17 47 24 47 32') !important;

}

 

When modifying other properties (color and whatnot) the code works, but to change 'd' it does not.

 

Thanks!

Link to comment
  • Replies 0
  • Views 649
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.