Archived topic
Change breadcrumbs color?
16 replies · Started by Juned on January 12, 2021
Hi,
From where I can change the breadcrumbs font color & Hover color?
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.
There isn't option under GP to change the color of breadcrumbs & product quantity (sub-category pages)?
Yes.
Where to save this code: Simple CSS, Additional CSS or Code Snippets?
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. :)
Thanks. Product Count color at Subcategory page is showing in black. Pls suggest for that too. Please do the needful.
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.
Thank you Madam.
Thank you Madam.
I'm a guy, but no issues as I get that a lot. lol.
No problem. Glad you got it sorted. :)
I am Sorry.
Thank you Mr. Elvin.
[you need to change your DP :)]
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/
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/
Thanks for the answer, i wrote in "Simple CSS"
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