Cart icon colour - by smartrobbie - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

  • Avatar: smartrobbie
    smartrobbie
    Participant
    April 19, 2016 at 16:13

    hi,

    how do i change the colour of the cart icon in the nav?

    I managed to change most of the black to pink, but not all of it.

    The code I used:

    
    .cart-design-2 .shopping-cart-widget .cart-bag .badge-number {
        border: 2px solid #ef5590;
    }
    
    .cart-design-2 .shopping-cart-widget .cart-bag .badge-number:before {
        box-shadow: inset 0 0 0 35px #ef5590;
    }
    
    .cart-design-2 .shopping-cart-widget .cart-bag .badge-number:after {
        background-color: #ef5590;
        border-left: 2px solid #ef5590;
        border-right: 2px solid #ef5590;
    }
    

    there are still some black bits, is there anything I should be adding to the code or doing it differently?

    1 Answer
    Avatar: Eva
    Eva Kemp
    Support staff
    April 19, 2016 at 16:24

    Hello,

    Please also use this css code:

    .cart-design-2 .shopping-cart-widget .cart-bag:before {
      border: 2px solid #ef5590;
    }

    Regards,
    Eva Kemp.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.