List style image not working

0 Views

I was working on this site. I have set a sidebar menu widget on the left sidebar.

I gave the sidebar CSS as follows

Read More
#menu-side1 > li {
    list-style-image:url('./images/aarow.png') !important;
}
.sub-menu li {
    list-style-image:url('./images/aarow1.png') !important;
}

My desired outcome is something like this:

enter image description here

But with the given CSS its not displaying. I don’t know where I went wrong. Please help, thanks!

Post Views: 0

Related posts

Leave a Reply

2 comments

  1. Change the position of the list-item icons to bring them inside the <li>:

    #menu-side1 > li {
    list-style-image: url('./images/aarow.png') !important;
    list-style-position: inside;
}

  2. Try using:

    #menu-side1 > li::before {
    content: url('./images/aarow.png') !important;
}

    This will allow you to keep one line of code and do much more with it (e.g. you can put some text in it)