Archived topic

Styling color of remove product in WooCommerce cart

4 replies · Started by Dominique on March 4, 2021

Viewing posts 1–5 of 5

March 4, 2021 at 6:44 pm #1682650

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

March 4, 2021 at 6:58 pm #1682660

To get "Notify me of follow-up replies via email"

March 5, 2021 at 12:56 am #1682816

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.

March 5, 2021 at 12:25 pm #1683731

Hi,

Worked Great!

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

Thanks

March 7, 2021 at 4:34 pm #1686002

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

No problem. Glad it worked for you. :)

This archived topic is closed to new replies.

Start building better websites today.