[Resolved] Change breadcrumbs color?

[Juned]

Hi,

From where I can change the breadcrumbs font color & Hover color?

[Elvin]

Hi,

Are you pertaining to the WooCommerce Breadcrumb?

If so, you can try adding this CSS:

.woocommerce-breadcrumb a{
	color: #f7f7f7;
}
.woocommerce-breadcrumb a:hover{
	color: blue;
}
.woocommerce-breadcrumb {
	color: green !important;
	font-weight: 600;
}

You can change the color values to your preference.

[Juned]

There isn’t option under GP to change the color of breadcrumbs & product quantity (sub-category pages)?

[Juned]

Yes.

[Juned]

Where to save this code: Simple CSS, Additional CSS or Code Snippets?

[Elvin]

There isn’t option under GP to change the color of breadcrumbs & product quantity (sub-category pages)?

Unfortunately, it can’t be set through Appearance > Customize > Color > WooCommerce.

Where to save this code: Simple CSS, Additional CSS or Code Snippets?

You can place it on Additional CSS. 🙂

[Juned]

Thanks. Product Count color at Subcategory page is showing in black. Pls suggest for that too. Please do the needful.

[Elvin]

Thanks. Product Count color at Subcategory page is showing in black. Pls suggest for that too. Please do the needful.

Add this CSS in:

h2.woocommerce-loop-category__title mark.count {
    color: white;
    opacity: 1;
}

You may notice opacity: 1; being added. That’s because the default setting forces opacity: 0.5; which turns color:white; somewhat grey-ish. opacity: 1; is added so we only have to control how the color appears using absolute color values.

[Juned]

Thank you Madam.

[Elvin]

Thank you Madam.

I’m a guy, but no issues as I get that a lot. lol.

No problem. Glad you got it sorted. 🙂

[Juned]

I am Sorry.

Thank you Mr. Elvin.
[you need to change your DP :)]

[Rolando]

woocommerce-breadcrumb a{
color: #f7f7f7;
}
.woocommerce-breadcrumb a:hover{
color: #f7f7f7;
}
.woocommerce-breadcrumb {
color: white !important;
font-weight: 400;
}

But, the colors of the breadcrumb still grey, only the last part of the breadcrumb and the hover change color to white, i left a link below for better reference

https://rolinsa.com/shop/articulos-de-limpieza/desinfectantes/desatorador-3-8-lt/

[Elvin]

Hi Rolando,

Can you tell us how you’re adding this CSS? I don’t see this on your site’s page source.

Here’s how to add CSS – https://docs.generatepress.com/article/adding-css/

[Rolando]

Thanks for the answer, i wrote in “Simple CSS”

https://photos.google.com/u/4/album/AF1QipPtZXnOmJL_n7IRhDnSpXYATKlBrcHYR0K18Yup/photo/AF1QipNuUR7aLcCJH23HiPA_zCATkBInE702swKprzdN

[Leo]

Perhaps it’s because you are missing a . here?
https://www.screencast.com/t/KsuF3tC5mKPB

It’s there in Elvin’s original code:
https://generatepress.com/forums/topic/change-breadcrumbs-color/#post-1616584

[Author]

Posts