HR css adjustment

How do I make the HR (line) a bit thicker and maybe a hair darker?

Right now, the light grey line is almost invisible.

Hello @jupebox,

Thanks for writing to us.

In case if you using the Line Element, you need to go to the Cornerstone page builder—>Line Element—>Set the size and color from here. Please have a look at the given screenshot below.

In case if you are using the <HR> custom HTML tag then you can change its size and color by overriding the CSS. You need to add custom CSS code under X/Pro—>Theme Option —>CSS

hr {
border-top: 1px solid #e5e5e5;

Please feel free to change the color and size as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.

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