Change ul list style using CSS


#1

I am trying to create a style for a bulleted list using an image and cannot get the css to work

This is my style

ul .lp-pom-block li { list-style: none; background: url(image url) no-repeat 0 5px; margin: 0 0 0 -24px; padding: 0 0 6px 24px; }

Can anyone show me the correct way to code this in styles?


#2

Hey @rosemarielanaro here’s a mock-up I did for you :slight_smile:

http://unbouncepages.com/general-test-page/

Make sure you replace #lp-pom-text-28 with the div ID of your text box. And you’ll likely have to adjust the padding to suit whatever image you’re using.

<style>
#lp-pom-text-28 li {
    padding-left: 50px;
    background-image: url(http://cultofthepartyparrot.com/parrots/parrotwave1.gif);
    background-repeat: no-repeat;
    background-position: 10px 13px;
    list-style: none;
  }  
</style>

#3

Thank you I’ll give this a try