Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Guizones

Question

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

8 answers to this question

Recommended Posts

  • 0

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...