numbered list not showing the far-left numbers

  • Unknown's avatar

    One of the pages on my blog, called “Fourteen Principles for Creative Writers,” uses a numbered list. But no matter how I format that list or which browser I view it from, the first digit disappears from all the double-digit numbers. So 10 looks like 0, 13 looks like 3, and so on. The digits are there — when I zoom the page view in my browser, I sometimes catch a glimpse of the hiding ones half-buried behind some invisible wall — but they’re not showing up in normal views.

    Should I change my margins for the page (and if so, how)? Or should I format the numbered list differently than it is now (and if so, how)?

    The page in question is at this URL: http://snoekbrown.wordpress.com/teaching-philosophy/fourteen-principles/

    Thanks for the help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Do you have the CSS upgrade?

    The original CSS of the theme includes this:

    #content ul li,
    #content ol li {
    margin: 4px 0 4px 20px;
    line-height: 16px;
    }

    But your left margin isn’t 20px, its only 8.

  • Unknown's avatar

    That’s strange. No, I don’t have the CSS upgrade. Is there something in my standard template options that might have kicked the margins into a smaller number, even though I don’t have the upgrade?

  • Unknown's avatar

    Strange indeed. I pasted the sourcecode of your page into a post in my test blog (using zBench) and everything was fine. Pasted the exact same sourcecode in a page, and got the same issue. So this is a mistake with the theme. You should report it to staff so they fix it:

    Contact

  • Unknown's avatar

    Currently, staff is away:

    Support is temporarily closed while the Happiness Team works to ensure you all get the standard of response you deserve. We’ll be back on Monday 4th April at 9AM UTC at the latest.

  • Unknown's avatar

    In the meantime you can correct your page by switching the editor to HTML and changing this:
    <ol>
    to this:
    <ol style="margin-left:12px;">

  • The topic ‘numbered list not showing the far-left numbers’ is closed to new replies.