Change Bullet List Check Colour

wardliam

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gordonzhuEnvato

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.

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

Pablo

Hello @gordonzhuEnvato,

Please send us a link to your website.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gordonzhuEnvato

Hi,

the url is:

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

Thanks

Gordon

Pablo

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:

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gordonzhuEnvato

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‘);

}

<ul><li>xx</li><li>xx</li></ul>

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

Sorted out. Please ignore my question.

Thanks for the help!!!

Pablo

Glad to hear that.

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next