Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 2
Sign in to follow this  
Guest

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

Question

Guest

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.

Edited by Guest

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

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.

Share this post


Link to post
  • 0

I too would also like this feature. Maybe even uploading a custom image to use. Any ideas?


I am a creator and a maker. I specialize in films, videos, photography and construction. I dabble in website design.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...