Horizontal lines w different strokes on one page

[Paul_Moxie]

Howdy!

Is there any chance to customise horizontal line strokes using css?
So that you have different strokes for every line on one page..

This is my page rn:

Greets, Paul

[mariusjopen]

Dear @Paul_Moxie

yes. You can right click on a line and give it an ID or a CLASS.

Then you can use the CUSTOM CSS to change it.

Hope I could help!

Best!

Marius

[Paul_Moxie]

Hi @mariusjopen,
Many thanks for your quick reply!

So i tried this css bit now:

.line{
stroke-width: 1px
}

But it won't work... du you have any solutions for me?

Best, Paul

[edgrbnz]

@paul_moxie to make your code valid you need a semicolon after 1px in your css:

.line {
stroke-width: 1px;
}

On the other hand I'm not quite sure if stroke-width will work at all for an hr-element. I’d try something along these lines:

.my-hr .lay-hr {
height: 1px;
}

Then add the class my-hr (call it whatever you fancy) to the hr-elements in the gridder. Unfortunately I can’t really explain why the lay-hr class needs to be there – But it needs to be – It’s something about that CSS-parent-child-thing I never really wrapped my head around.

Hope that helps!