[Support request] Style Numbered List

[Matias]

Hello all.
I have some numbered list that I want to give some style.
How Can I add some margin-right and border-right to numbers from custon css?
All code that I have found doesnt work properly.
Thanks

[David]

Hi there,

there is very limited control over the styling of the automatic numbers from a list, particularly adding borders.
Do you have an example / mockup of how you want it to look and we can see whats possible.

[Matias]

I would like to do something like the link that I have add in private information area.
thank

[David]

Try adding this CSS:

.entry-content ol {
    list-style: none;
    margin-left: 0;
    padding-left: 35px;
    position: relative;
    counter-reset: section; 
}
.entry-content ol li:before {
    content: "";
    counter-increment: section;
    content: counter(section);
    padding-right: 10px;
    border-right: 1px solid #ff0000;
    position: absolute;
    left: 0;
}

[Matias]

Great.
Works fine. Thank David

[David]

Glad to be of help!

[Author]

Posts