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

Changing the width of the horizontal line

Question

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.

 

Thanks!

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):

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

Edited by JOHNMD

mcgouran.john@gmail.com

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