Custom bullet points change colour when viewed on mobile

Site URL: https://www.newworkmasterskills.com/

Hello,

I have added custom CSS to edit the bullet point shape and colour. On desktop view they appear the correct colour (white), but on mobile view they appear in black - regardless of the colour theme for the block.

Is anyone able to help with this?

Thanks

1 hour ago, JonnyDavidson said:

Site URL: https://www.newworkmasterskills.com/

Hello,

I have added custom CSS to edit the bullet point shape and colour. On desktop view they appear the correct colour (white), but on mobile view they appear in black - regardless of the colour theme for the block.

Is anyone able to help with this?

Thanks

Hi , It appears to be correct color(white) on mobile as well, I think you have manage to fix it.

I am having the same issue. On my homepage in desktop view (https://www.designinginsights.com/), the bullets appear in white, but in mobile view, they are black. 

Try adding to Design > Custom CSS

ul[data-rte-list] li>*:first-child::before {
    color: white !important;
    background-color: white !important;
}