Change the colour of breadcrumbs

rarch47 · January 2015

Can you show me where i can change the colour of the breadcrumbs?

I tried putting this CSS in child theme editor:

ul.breadcrumbs.woocommerce-breadcrumb {color: #FFFFF1!important;}

But it did not seem to work.

Albert · January 2015

To change breadcrumbs color, please use below css:

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: #000 !important; }

rarch47 · January 2015

Thanks. It appears as though my selectors were not specific enough. Gotta love CSS...

ctp_werbung · July 2018

Hi, is it possible to change breadcrumbs color on current page?

This is my css code for breadcumbs

#Subheader ul.breadcrumbs li a { font-family: "Work Sans", Arial, Tahoma, sans-serif; font-size: 13px; font-weight: 300; color: #fff; }
#Subheader ul.breadcrumbs li a:hover { color: #fce531; text-decoration: none; }

Breadcrumbs should have "color: #fce531" on current page.

Thank you!

Pablo · July 2018

ctp_werbung

Please send me a link to your page which you want to change the color of breadcrumbs.

Cheers.

Change the colour of breadcrumbs

Comments