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?

Thanks.

Link to comment
  • 5 months later...
  • Replies 3
  • 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; }

Template Developer at Squarespace, @esquareda on Twitter.

Link to comment
  • 2 months later...

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.