Home Forums Weaver Xtreme Theme Is there a way to replace a dot point in a list, from a dot to an image (such as a paw)

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #18367
    dogwebs
    Participant
    • Item1
    • Item2
    • Item3

    So instead of having the dots in a list as above, it would display an image (such as small paw).


    Thank you for any assistance.
    #25076
    scrambler
    Moderator

    Yes, you will need to use custom CSS and the image property for lists.

    You can find the syntax on CSS reference site, the property will be

    {list-style-image:url(imageURL);}

    in front you will need a selector to target lists in the area of your choice, and put the rule in Main Options > Fonts & Custom > Custom CSS Rule box.

    A general rule for ALL list would be

    ul, ol {list-style-image:url(imageURL);}  

    One just for widgets would be

    .widget ul, .widget ol {list-style-image:url(imageURL);}  

    #25077
    dogwebs
    Participant

    Thank you scrambler, looks good!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.