Site logo

Archived topic

Minicart issue since update with new color settings

3 replies · Started by Sam on October 29, 2021

Viewing posts 1–4 of 4

Hello, I have noticed, since I updated today, to your latest version with the new colour setting system, there is an issue with the mini cart dropdown.

I can see in the settings in the customiser that set the sub menu's colours there is a colour for menu item:hover, however, this also affects the product line items in the mini cart (i guess because technically it is a drop-down menu).

My issue is that I have the sub-menu as a light background and the mini-cart as dark. Because there is no setting for hover on the product line items in the mini cart you get a badly contrasting hover colour.

I have managed to override this styling with the following custom css:

#wc-mini-cart a:hover {
    background-color: black;
}

However, this has a weird glitch where the light coloured hover still happens when you hover over .quantity in the mini cart.

I guess you need to add an item for this in the colour picker in the WC customizer to set the hover in the mini cart separately?

In the short term can you advise what custom css I can use to correct it as I cannot work it out.

You can see at our site here and reproduce the issus if you add something to the cart: https://www.supereight.net/

thanks

Hi there,

we'll take a look into that.
In the meantime add this CSS:

.woocommerce.widget_shopping_cart .cart_list li:hover a {
    background-color: unset !important;
}

Hi David, that CSS sorted it, thanks!

Hopefully, you guys can get a setting added to the customizer at some point.

thanks

We'll take a look.
Glad to be of help :)

This archived topic is closed to new replies.