Safari Bullets Not Displaying: How to Fix the Issue

·

My bullets are not showing up in Safari. Can someone show me how to fix this please? Read-only link Scroll down to the section in the screenshot attached. Thank you very much.

14 comments

Matt J.
·
Sara M. can you send the published URL so I can see the issue in Safari?
Sara M.
·
https://es-kay-digital-c56f7b.webflow.io/campaigns-events
Sara M.
·
Matt J.
Matt J.
·
Sara M. how did you change the style of the bullets from being rounded to squares like that?
Matt J.
·
I see you have some other custom CSS for changing the colors of the marker, just trying to track down how that change was made
Matt J.
·
yeah there must be some custom CSS that I'm not seeing.
Sara M.
·
I changed that directly in Webflow and then used custom code just to change the color
Sara M.
·
li::marker {color:var(--base-color-brand--red)} In my Global Styles
Matt J.
·
Try changing it back to circles
Sara M.
·
just changed it. still not showing up
Matt J.
·
Sara M. I just did a vanilla bulleted list, tested it, and it worked in safari - I edited the bullet color using the same CSS, and it worked in Safari, I changed it to square bullets, and it worked in Safari. So from the process of elimination, I would say that its something to do with the animation that you have going on with that section.
Sara M.
·
Interesting! I'll check up on that. Thank you!
Sara M.
·
Matt J. yes, it was the animation. I removed it from one of the bullet points and it showed up. I'll have to figure out how to reconfigure it. Maybe instead of a list element I'll just use regular divs and have the bullets as small icons.
Matt J.
·
yep that feels like the way to go