Skip to main content

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?

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


https://sevahcreative.com/unbounce/image-bullet-list/


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: 40px;

    background-image: url(https://cultofthepartyparrot.com/parrots/hd/parrot.gif);

    background-repeat: no-repeat;

    background-position: 0px -5px;

    list-style: none;

    background-size: 31px;

  }  

</style>

Thank you I’ll give this a try

Reply


Terms & ConditionsCookie settings