Issue with Link Coloring in Woocommerce on Pro Theme

[bpauto]

I’m running into an issue in Pro where the h3 link text color, as well as the category text link colors within the Woocommerce store / product pages are being overridden.

Specifically, I’m running into the issue on the following:

h3.entry-header

a.posted_in

The text appears as white or transparent for some reason, despite the heading color being set to black. When I check via inspector in Chrome, it looks like it’s being overridden by something (possibly the stack’s CSS, although I’ve never seen this happen before):

[nabeel]

Hi there,

Thanks for writing around! I checked your site and I see no issue with the titles in WooCommerce store or product pages (see screenshot)

Try clearing out your browser’s cache and see if this helps. If it doesn’t then you can add the following code in the Theme Options > CSS:

.woocommerce li.product .entry-header h3, a.posted_in {
    color: #000 !important;
}

Hope this helps!

[bpauto]

@Nabeel

.woocommerce li.product .entry-header h3, a.posted_in {
color: #000 !important;
}

Hi Nabeel,

Thanks for the reply, I think you’re looking at the wrong site. This would apply to the other site within that multisite network.

I tried this code, as well as a few similar combinations previously and it doesn’t work, even after clearing my browser cache again.

[nico]

Hi @bpauto,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[bpauto]

The subsite address is in the private note

[paul.r]

Hi,

Thank you for providing your url.

You can try this code instead.

.woocommerce li.product .entry-header h3 a {
    color: #000 !important;
}

Hope that helps.

[ruenel]

Hey There,

Please have the code updated and use this:

.woocommerce li.product .entry-header h3,
.woocommerce li.product .entry-header h3 a,
a.posted_in {
    color: #000 !important;
}

Hope this helps.

[bpauto]

Hi, thanks for the help. This worked for everything but the “a.posted_in” listings (categories on the product pages). Any ideas?

[ruenel]

Hey There,

The correct is this:

.woocommerce li.product .entry-header h3,
.woocommerce li.product .entry-header h3 a,
.posted_in a {
    color: #000 !important;
}

Please let us know if this works out for you.