Fixing Bullet Issues in Safari

@Sara Margolies can you send the published URL so I can see the issue in Safari?

https://es-kay-digital-c56f7b.webflow.io/campaigns-events

@Matt

@Sara Margolies how did you change the style of the bullets from being rounded to squares like that?

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

yeah there must be some custom CSS that I'm not seeing.

I changed that directly in Webflow and then used custom code just to change the color

li::marker {color:var(--base-color-brand--red)}

In my Global Styles

Try changing it back to circles

just changed it. still not showing up

@Sara Margolies 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.

Interesting! I'll check up on that. Thank you!

@Matt 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.

yep that feels like the way to go