Changing the Background Color of the Pop-Up Cart Preview in Kadence

I’m posting this because I had some trouble finding the right terminology and eventually had to discover the right class for the object. I’m not sure why this popup kept appearing with a black background, but it did.

I could not find any way to edit it, so I added CSS in the customizer.

Here’s the CSS:

li.menu-item-kadence-cart-dropdown {
    background-color: #FFFFFF !important;
}

You can choose your own color, of course, but with my dark standard text, a black background made the dropdown unreadable.

Similar Posts

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.