Custom bullets on DL not working

HTML & CSS
1

on this page, how come there’s no bullet images showing next to the bullets in the DELIVERY ROUTES section even though I have this css code in place:


#post-431 .entry-content dl {margin:-10px 0 20px; list-style-image: url("/tempversion/wp-content/uploads/site-elements/bullet.jpg") !important;}

please advise. thanks in advance.

2

Hi,

A DL is not a LI and a list-image applies to list items only (although you could change the DL’s display to that of list-item and then the image would show).

It’s much easier to simply use the background-image image property anyway (even for lists) because the list-image can’t be positioned accurately.

3

got it. thanks!