Archived

This topic is now archived and is closed to further replies.

  • 0

Custom list with background image

Question

Posted · Report post

Hello, I could use some help with this.  My site is dynacomusa.net and I'd like to have this image in place of bullets.

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Here's what I've entered in custom code: 

 

 

/* List Item Markers */
.custom li.arrow {
list-style-type: image;
height: 46px;
padding-left: 40px;
}
 
the url is appearing in red and I don't understand why.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, which page on the site is showing the error, i've been through each one to try and find the css you have in there but can't see the red error message.

 

If you want to use an image instead of the bullet point you'll need to use the css command list-style-image, example below.

 

 

ul {

    list-style-image: url("http://www.dynacomusa.net/wp-content/uploads/2013/02/arrow-2.png");
}

 

Share this post


Link to post
Share on other sites