Jump to content

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

Go to solution Solved by Guest,

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.

Edited by Guizones
Tidy, add detail
Link to comment
  • 3 months later...
  • Solution

You can also try just with the margin options:


.sqs-block-content hr {
 margin-top: 0px !important;
 margin-bottom: 0px !important;
}

Link to comment
  • 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):

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

mcgouran.john@gmail.com

Link to comment

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.