Jump to content

Can I decrease the amount of padding around a horizontal rule?

Recommended Posts

When you add a line in the content, the padding around the line is a bit big, considering that some templates already have a established huge padding. Is there a way to target the line and make the padding around it smaller?

My site: db-arquitetura.squarespace.com
Right below the first banner there is a line, some content and then another line. I feel that it would look much nicer with a smaller padding around the horizontal rule.

Any help would be great.

Link to comment
  • Replies 8
  • Created
  • Last Reply
  • 3 months later...
  • 1 year later...
  • 3 years later...
  • 2 months later...

One option is to replace each line block with a Code Block on the page. Then insert the code below. (you can adjust the line length (width)  in % , for example to 50%,  and change the thickness and line color in the code):

hr.line {
  border-top: 1px solid light-gray;
  width: 75%;
<hr class="line"> 


Link to comment


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.