Site logo

Archived topic

Change breadcrumbs color?

16 replies · Started by Juned on January 12, 2021

Viewing posts 1–15 of 17

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/

This archived topic is closed to new replies.