Bullet point and indent on UL will just NOT go away

[mogsta]

So I am working on a Shopify site for someone, and I am trying to override the theme CSS.

My custom CSS has its own file and ‘d into the document template AFTER the theme CSS.

However, no matter what I try, I cannot get that flippin bullet point to rack off. See what I mean here (the beginning of each “Testimonial”).

https://store.happinessheals.com.au/pages/test

Here is the CSS in my included file (of which I have tried various configurations):

https://codepen.io/mogsta/pen/mmQgPo
Of course, it works fine in CodePen without the parent theme’s CSS loaded.

Ideas? Thanks all.

[Shikkediel]

It’s actually a pseudo element:

.rte ul li::before {
  content: "\00b7";
  margin-right: 8px;
}

[mogsta]

You’re a master!

I’ve modified that element in my custom CSS and it seems to have worked! Thank you so much…

How did you debug it? Did you use Google developer tools and search for UL styles?

I’m still trying to catch up with all the changes after leaving web development 10 years ago!

Regards,
Brett

[Shikkediel]

Glad to help, I did indeed use developer tools and noticed your custom CSS was being applied – but not actually in effect. So I just went looking for the next logical cause, which turned out be that pseudo on a hunch…

Web development came a long way in ten years, it’s become quite awesome with all it’s capabilities.

[Author]

Posts