Support » Fixing WordPress » Two number above oneanother

  • Resolved spade

    (@spade)


    In the numbered lists on that page, a black and a green number is shown in the same place.
    After number 6, it gets realy strange, because the black numbers are incremented with each item, while the greens start over with each section.
    It was my intention to have the numbers incremented across all sections, but the numbers were supposed to be black like the text.
    When I open that page in the Gutenberg editor, everything looks just fine, but that changes when published.
    How come and what can I do about it?

    • This topic was modified 10 months, 2 weeks ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ian

    (@plantprogrammer)

    Hi @spade , it looks like your theme is associating some CSS with the elements that you were interested in.

    This CSS rule in your theme’s stylesheet forces the green numbering to appear:

    article ol > li:before {
        content: counter(li)'.';
        counter-increment: li;
        position: absolute;
        left: -2.5em;
        width: 2em;
        text-align: right;
        color: #5dae59;
        font-family: 'Arvo Regular', 'Arvo Gruen', Trebuchet, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    }

    To remove it, I would add some extra CSS.

    Try,

    section#content article ol > li:before
    {
     content: none;
    }
    
    Thread Starter spade

    (@spade)

    Thank you Ian, you are a genius!
    I am always amazed, how you guys and gals figure things like that out, after I have spend hours to try it myself.
    I owe you at least a coffee.
    Remind me, when we meet each other.
    Keep up the good work and enjoy the holidays.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Two number above oneanother’ is closed to new replies.