WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] WP theme: Flex won't display bullet (6 posts)

  1. josalmon
    Member
    Posted 9 years ago #

    Hi all,

    I've been playinng around with the WP theme Flex, but the one thing I can't figure out is how to display an unordered list, and nothing I do will make it show bullets.

    Does you know what I have to put in (and where) to change this?

    Thanks, Jo

  2. josalmon
    Member
    Posted 9 years ago #

    oops, don't know how I double posted, really sorry.

  3. Mark (podz)
    Support Maven
    Posted 9 years ago #

    You'll need to play here ...

    #leftmenu ul {
    color: #000;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 12px; <------------------ Note
    text-transform: lowercase;
    }

    #menu ul li ul li {
    list-style:square;
    }

    #leftmenu ul li ul li {
    list-style:circle;
    }

    Paste the bottom two there at the end of your css.
    The squares will show up straight away on the right.
    Then adjust the number indicated above and the circles will appear.

    Try it and let us know ?

  4. josalmon
    Member
    Posted 9 years ago #

    Ok, by using this code in Flex (it works fine in the other themes) I've managed to get square bullets right on the left of the main content:

    #maincol ul {
    font-weight: none;
    margin: 0;
    padding-left: 12px;
    }

    #maincol ul li {
    list-style:square;
    }

    #maincol ul li ul li {
    list-style:square;
    }

    #maincol ul li ul li {
    list-style:circle;
    }

    How do I get it to indent a bit, and how can I change it into "normal" shaped bullets?

    But thanks for the help so far!

  5. Mark (podz)
    Support Maven
    Posted 9 years ago #

    The last 3 css statements above conflict.
    The first says to use squares for the sidebar headings, the second says to use squares for the sidebar lists (which is okay but in this case it's repetition) but the last says to use circles not squares.

    Bullets....
    http://www.stylegala.com/features/bulletmadness/
    Like any of those ?

    To indent, add some padding:
    #maincol ul li ul li {
    text-indent: 20px;
    }

  6. josalmon
    Member
    Posted 9 years ago #

    Got it! Thanks for your help

    :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.