Site logo

[Resolved] Styling color of remove product in WooCommerce cart

Home Forums Support [Resolved] Styling color of remove product in WooCommerce cart

Home Forums Support Styling color of remove product in WooCommerce cart

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1682650
    Dominique

    Hi,

    I can’t figure out how to style the color of the “remove product” in cart page.

    There is a lot of !important in the CSS that I did not do.

    I would like the “normal” color to be #e5e4e2 and the hover / active #f4da60

    Please advise

    #1682660
    Dominique

    To get “Notify me of follow-up replies via email”

    #1682816
    Elvin
    Staff
    Customer Support

    Hi there,

    Some of the CSS with the !important in their properties are baked into the woocommerce stylesheet file of the GP premium plugin but you still should be able to override this by adding !important AND being more specific on the selectors.

    Example:

    tr.woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove {
        color: #e5e4e2 !important;
        background: green !important;
    }
    
    tr.woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove:hover{
        color: blue !important;
        background: pink !important;
    }

    Adjust its values to your preference.

    #1683731
    Dominique

    Hi,

    Worked Great!

    Aside the really weird colors 🙂 All that was missing was a unicorn farting along a rainbow lol

    Thanks

    #1686002
    Elvin
    Staff
    Customer Support

    Ah right yeah you can change the color values to your preference.

    No problem. Glad it worked for you. 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.