• I need to create square orange for all levels of the bulleted list in Omega theme. I want to create a CSS entry so my client can enter a BL and be able to have it format correctly immediately. When I tried it everything in the sidebar and menu bars also had square orange bullets. I can’t get it to work in the content area only. I do not want to use an image of a square but just a CSS Style.
    This is the code I found and was using. Is there some way to modify it so it applies only to lists in the content area?

    The Markup

    • list item
    • list item
    • list item

    The CSS

    ul li {
    color:#444; /* set color of list item to a dark gray */
    list-style:none; /* if you’re not already using a reset */
    }

    ul li:before {
    color:#ed0000; /* set color to red */
    content:”\2022″; /* /2022 is the numerical unicode for • */
    font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
    padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
    position:relative;
    top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
    }

  • The topic ‘CSS Custom bulleted list in Omega theme’ is closed to new replies.