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?
+3
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
No account yet? Create an account
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.