Create ordered list

  • Resolved monicharm

    (@monicharm)


    6 years, 2 months ago

    Hi, I am trying to create an ordered list <ol>.
    I put the <li></li> codes in the Elementor Custom Skin loop template. That part does work (using pods).
    Now trying to get the <ol></ol> codes in the custom archive template, but cannot get that to work.

    Any ideas? Thank you!

    Monique

    • This topic was modified 6 years, 2 months ago by monicharm.
    • This topic was modified 6 years, 2 months ago by monicharm.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author dudaster

    (@dudaster)

    6 years, 2 months ago

    Currently doesn’t work with different wrapping tags. But you need to know that every widget adds their wrapping div and so on so I don’t know how it will work in a list.

    Thread Starter monicharm

    (@monicharm)

    6 years, 2 months ago

    I managed throug CSS! Found the solution here: https://www.w3schools.com/cssref/pr_gen_counter-reset.asp

    Create a counter (“my-sec-counter”) and increase it by one for each occurrence of the <h2> selector:

    `body {
    /* Set “my-sec-counter” to 0 */
    counter-reset: my-sec-counter;
    }

    h2::before {
    /* Increment “my-sec-counter” by 1 */
    counter-increment: my-sec-counter;
    content: “Section ” counter(my-sec-counter) “. “;
    }

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

The topic ‘Create ordered list’ is closed to new replies.