[Resolved] Change breadcrumbs color?

Home Forums Support [Resolved] Change breadcrumbs color?

Home Forums Support Change breadcrumbs color?

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1616567
    Juned

    Hi,

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

    #1616584
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1616585
    Juned

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

    #1616587
    Juned

    Yes.

    #1616591
    Juned

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

    #1616594
    Elvin
    Staff
    Customer Support

    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. 🙂

    A wise man once said:
    "Have you cleared your cache?"

    #1616596
    Juned

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

    #1616608
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1616610
    Juned

    Thank you Madam.

    #1616621
    Elvin
    Staff
    Customer Support

    Thank you Madam.

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

    No problem. Glad you got it sorted. 🙂

    A wise man once said:
    "Have you cleared your cache?"

    #1616623
    Juned

    I am Sorry.

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

    #1742503
    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/

    #1742510
    Elvin
    Staff
    Customer Support

    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/

    A wise man once said:
    "Have you cleared your cache?"

    #1743418
    Rolando
    #1743425
    Leo
    Staff
    Customer Support
Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.