Change ul list style using CSS


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 :slight_smile:

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.

#lp-pom-text-28 li {
    padding-left: 50px;
    background-image: url(;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    list-style: none;


Thank you I’ll give this a try