Jump to content

Text Highlight Feature - Stroke Width

Recommended Posts

Hi there,

I am trying to adjust the width of my text highlight on my homepage. The built in editor allows you to bump up the stroke to 1em. I would like it to be a bit thinker. I was able to test in the Chrome inspector, set width to 1.2em, and it looks great (see screenshot). However, when I add the below code to my custom CSS, it does not work. I tried adding an !important tag as well, but still nothing. Any thoughts?


website: sunshinelivinghomes.com
password: $un$hine23


#block-1123c61b59a900987d21 .TextShape-node {
  stroke-width: 1.2em;
  margin-top: -5px;




Screen Shot 2023-03-23 at 10.32.09 AM.png

Screen Shot 2023-03-23 at 10.32.45 AM.png

Link to comment
  • Replies 7
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

On 3/23/2023 at 3:34 PM, AshM13 said:

@Summit227 thanks for the suggestion. Why HTML? I've already identified the block id.

That's just one of the class names SS uses.  You can see that same class referenced in your screenshot above.  I don't think you always need a block ID, but I'm no SquareSpace expert...  Tuanphan above is though!  So, you can reply to his question if you still need help. 

Link to comment
  • 2 weeks later...
  • 11 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.