Right-Align a Line

Support
#1

I have this nice effect with a line element under a headline:

But when I try to replicate it on the right, I can’t get the line over where it should be:

Please let me know which setting/css can align the line to the right. Thank you!

RE: Right-Align a Line
#2

Hi there,

Thanks for writing around! Try giving your headline a class e.g border-heading and then add the following CSS code in the Theme Options > Global CSS:

.border-heading {
    border-bottom: 4px solid #760404;
    padding-bottom: 10px;
}

Hope this helps!

#3

I added the class:

And the CSS:

But I got this:

I would like this line, over here:

#4

Hi,

To further assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

#5

Sure, this is the page we’re working on: http://35.193.29.105/services/

#6

Hi there,

I can see that you have the lines added correctly below the heading but the right heading lines are still displaying on the left.

To align those lines to the right, simply add the class right to the class field of the line element

Please click on the line element then click the customize option and you should see the class field.

Hope this helps.

#7

Thank you, that worked perfectly!

#8

You’re most welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.