Inline CSS - Can't Find the Source

Support
#1

I’m building a site for my client with Pro. Anywhere in the content where there is an ‘li a, li a:hover’ the link is white. When I inspect the element, it says there’s a CSS entry that’s inline.

inline_css_1
inline_css_11175×54 4.09 KB

I’ve checked all the places I know to go to remove that from the CSS in Pro:

  • Pro > Theme Options > CSS
  • Pro > Header > CSS
  • Pro > Footer > CSS
  • Appearance > Theme Editor > style.css
  • Appearance > Customize > Additional CSS

I can’t find it anywhere. Can you help? site: https://adgroupaz.com/shop/2-channel/. Note how the Product Categories links are white, as is the product name.

inline_css_2
inline_css_2689×796 25.1 KB

#2

Update: I’ve disabled all plugins, which didn’t help. I feel like the issue is in the theme itself. Any ideas?

#3

Update: I found the issue! The custom CSS was included in a Global Block that was nested inside the header. To find it, I first created a new blank header and assigned it to all Woocommerce products. When I did that, the bulleted list went from white to grey. So once I knew it was in the header, I started looking at the customize tab of all the elements. When I couldn’t find it there, I went into the global block and found it.

#4

Hi @gavn8r,

Sorry for the delay and glad you found the culprit CSS.

Stay safe,
Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.