Change Bullet List Check Colour

wardliam · January 2015

Hi

Can you tell me how to change the colour of a bullet list icon.

The list is on a dark background, so cannot the check cannot be seen. I would like to make the check white.

Many thanks

Liam

Current code is:

<ul class="list_check">
<li>List item 1</li>
<li>List item 2</li>
</ul

Albert · January 2015

Hi Liam,

this is an image. So if you want to change it's color, you should replace current image on FTP with own:

betheme/images/icons/list_check.png

gordonzhuEnvato · September 2021

Following the path betheme/images/icons/list_check.png, I have replaced the icon image with my own and also try to delete the list_check.png, but there is not happen on the web page of bullet point.

I have used
<ul class="list_check">
<li>List item 1</li>
<li>List item 2</li>
</ul

Pablo · September 2021

Hello @gordonzhuEnvato,

Please send us a link to your website.

thanks

gordonzhuEnvato · September 2021

Hi,

the url is:

https://matthewh100.sg-host.com/our-services/

Thanks

Gordon

Pablo · September 2021

Well, we abandon a lot of time ago the <li> images, instead we use the icons.

But, you can use the CSS rule to overwrite it instead, see docs:

CSS list-style-image property

https://www.w3schools.com/cssref/pr_list-style-image.asp

Specify an image as the list-item marker in a list:

thanks

gordonzhuEnvato · September 2021

Thanks for the help.

I have used css as follow:

ul {

list-style-image: url('https://whittardgroup.com.au/wp-content/uploads/2021/09/list_arrow.png‘);

}

and tested on w3schols, and its working.

But it's not working on the theme in the following url: https://whittardgroup.com.au/about-us

Thanks

gordonzhuEnvato · September 2021

Sorted out. Please ignore my question.

Thanks for the help!!!

Pablo · September 2021

Glad to hear that.

If there is anything else I can help you, feel free to ask.

thanks

Change Bullet List Check Colour

Comments

CSS list-style-image property