Line element not aligning correctly

[Glasseye]

Good day Support,

I’m using the line element on the following site as a design element: http://glasseye.co.za/demo/cac

The line element does not seem to respond to any alignment settings I add to the row or column in which the line is contained.

In the image example above you will see that the heading is aligned center while the 1px line remains aligned left regardless of what the section alignment setting is.

Please advise on how I can correct this problem. Also let me know if you require access details for the site.

Best regards,

[lely]

Hi There,

To center the line element so it will be directly below the headline, please set left and right margin to auto:

Hope this helps.

[SE1217707]

Hello - tried the directions above, however it did not work for vertical lines. Can you help me out with what settings are incorrect?

[rad]

Hi there,

Are you referring to that vertical line? You mean vertically center it? That’s not currently possible unless you’ll control it with CSS. Example, please add this custom CSS to your global custom CSS.

@media  ( min-width: 980px ) {
.el27.x-line {
    position: absolute;
    left: -20px;
    top: -20px;
}
}

Hope this helps.

[SE1217707]

Im confused, what else would be the purpose of having a vertical line? There is no option to just have a one sided border, however this seems to solve for it. I just want a line separating to blocks of text - which cannot be one run on into columns - need to clearly be separate. Please explain further?

Is this a future development? Just seems like the purpose of this is completely missing the mark and would be a really great feature.

[Glasseye]

I don’t quite understand what you mean by setting the left and right margin to “auto”, please clarify a bit more.

I want to have a 80px line centered under the “Adaptive” heading shown in my screenshot above.

[SE1217707]

waiting on a response to the note two days ago - I would like to better understand why this missed the mark and if it will be corrected? It does not make sense that you would use a vertical line in the manner it currently works. It should have the capability to separate sections, not just be a random verical line floating in space

[paul.r]

@Glasseye

You can directly type auto in your left and right margin

@SE1217707

I suggest you use columnize element instead as it is more appropriate for your needs.

eg. http://demo.theme.co/integrity-1/shortcodes/columnize/

Thanks

[Glasseye]

Many thanks, the “auto” margin setting solved the problem.

[Joao]

Glad to hear it and thanks for letting us know!