Line element suddenly has a new width

[INcroatia]

Hi there,

We saw that the classic lines on this website have suddenly changed their width to 100%. We couldn’t see where the root of the issue arose, but once we added this CSS into the Theme Options
/*line under titles*/ hr.x-hr.aligncenter { width: 200px !important; } /*END line under titles*/
the issue was solved and all of the lines looked as they should be.

This screenshot shows the code when the “width:100%;” is active

and this screenshot shows how the code and therefore the lines on the website should actually look like.

We would still like to know how that issue came to be, is it maybe a bug? Is out solution with the CSS code above a good solution, or is there some other way to approach this?

We are attaching the login info for the website in a secure note, we hope it helps. The CSS we mention in the first part of the post is located right at the end of the CSS codes in Theme Options.

Thank you in advance!

[lely]

Hi @INcroatia,

I am not sure what your setup before but line element by default are fullwidth. It will follow the width of its container.

Yes the CSS is correct. Although you can remove the aligncenter.

hr.x-hr{
width: 200px !important;
}

[INcroatia]

Thank you, Lely!

We used the aligncenter in the code since, the lines being a classic element, they were styled with aligncenter class. And all was well, until… It wasn’t, ha!

We’re still unsure what happened to the code, as we couldn’t find anything that was done/edited to make the width turn into 100%, since our code has before made sure the lines would stay on 200px.

In any case, we assume it’s now solved and all is and will be OK.

[rad]

Glad it’s okay now! Cheers!