Jump to content

Add custom horizontal rule in addition to the squarespace standard one.

Recommended Posts

I would like to add a custom horizontal rule in addition to the standard one from squarespace.

I would like a black and thicker one.

I was thinking hr1 { border: 10px but then not sure what else into css. What needs to go into css? And then what goes into the add code block on the page?


Link to comment
  • 5 months later...
  • Replies 3
  • Views 9.3k
  • Created
  • Last Reply

Use the standard Horizontal Rule Block just as you always would for the normal one. For your custom HR, use a Code Block instead and add the CSS you want in the CSS Editor to style it to your liking.

/* Add this to a Code Block*/
<hr class="thick-rule"/>

Then add this CSS with your styles into the CSS Editor:

hr.thick-rule { border-top: 10px solid black; }

Link to comment
  • 2 months later...


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.