treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Easy? Have 2 custom bullets in the same Wordpress site?

  • Hi there -

    Hopefully a simple fix for you all. I would like to incorporate 2 different bullet types into my Wordpress site. As it is right now I have one custom bullet, a graphic, that shows up everywhere. How can I adjust the code (in both the CSS and WP page) to accommodate another bullet style?

    Thanks... please read below:


    CSS code as it is right now:
    #page_content .content ul {
    list-style: none;
    }

    #page_content .content ul li {
    background: url("images/bullet.gif") no-repeat scroll left 8px transparent;
    padding-left:10px;
    line-height: 1.6em;
    }

    Wordpress page code as it is right now:
    • Flexible capacity
    • Contractual and spot market access to over 2,000 carriers
    • Competitive rate negotiation
  • Looks like the HTML code shows up in here like it would on a regular page... it's just standard ul li formatting... sorry about that
  • add a class to your css and give it the style you want. apply the class to whatever list you'd like. idk if that helps..

    #page_content .content ul li, #page_content ul.list_two li {...}

    #page_content ul.list_two li {background: url("images/bullet-two.gif") no-repeat scroll left 8px transparent;}