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

Changing the width of the horizontal line


I need help changing the width of my horizontal line on my index pages. When i use the CSS code below:

.sqs-block-content hr {
 margin-left: 0;
 border-style: none;
 height: 1px;
 width: 200%;

The line only expands from the right off the page, and doesn't expand on the left side. I tried changing the margin as you can see in the code above, but the line still wont move over. What else should i be doing? I am using the Sofia template, attached is a screenshot of the line running off my page.



Screen Shot 2020-04-12 at 11.44.38 PM.png

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0
Posted (edited)

One option is to replace your line block with a Code Block on the page and the use the following code (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"> 

Edited by JOHNMD


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

  • Create New...