HR (Horizontal Ruler) lines centrally aligning

leeakers11 · March 2019

Hi,

For some reason I can't figure out, all of my <hr> lines are centrally aligning when I've got the text in teh same box alignign to the left, so you know why this might be?

Thanks.

Pablo · March 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

leeakers11 · March 2019

Okay thanks, I'll temporarilly make the site live at http://luxebarbados.com/

Screenshot:

Pablo · March 2019

Hi,

After removing your Custom CSS, the HR lines are getting the 100% of width.

Also, it's aligning to the center, because it uses the 'margin:0 auto' css code by default.

To change that, you would have to use the inline-css style in "HR" to align it on the left, right or center.

Thanks

leeakers11 · March 2019

I'm trying:

in the page builder but it's not working, is this what you mean?

Thanks

Pablo · March 2019

There is no parameter in CSS like "align"

To change the position of that line you would have to use "margin-left:0" or "margin-right:0" instead.

Thanks

leeakers11 · March 2019

Great, thanks for the help that has worked! Seperatequestion but do you know if there's a way, using the List Item (like bullet points) to make the text align horizontally with the icon? At the moment it aligns with teh top of the icon so it looks a bit wrong...

leeakers11 · March 2019

Pablo · March 2019

Can you disable the Under Construction mode?
I have to check it on your website.

Thanks

leeakers11 · March 2019

Sure, I've done that now

Pablo · March 2019

Use this CSS:

.list_item .list_right{
  margin-top:20px;
}

Thanks

leeakers11 · March 2019

Thank you!

HR (Horizontal Ruler) lines centrally aligning

Comments