Change the colour of breadcrumbs

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.

Comments

  • To change breadcrumbs color, please use below css:
    #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: #000 !important; }
  • Thanks. It appears as though my selectors were not specific enough. Gotta love CSS...
  • 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!
  • Please send me a link to your page which you want to change the color of breadcrumbs.
    Cheers.
Sign In or Register to comment.