How to edit the Shopping cart widget?

Hello,

Can you share the page URL so I can further check on your site and give you a possible CSS code?

Best Regards,

Hello,

Try to add the following Custom CSS code in Theme Settings > Custom CSS. Change the color as per your requirements.

.cart-widget-side {
    background-color: #d58e8e; /* change background */
}

.cart-widget-side .widget_shopping_cart_content {
    background-color: #e24646;
}

.cart-widget-side .woocommerce-mini-cart .mini_cart_item {
    background-color: #f5f2f2;
}

Best Regards

Hello,

The white box on hover is coming from the product item background hover effect. Please add the following CSS in Theme Settings > Custom CSS:

.cart-widget-side .product_list_widget > li:hover {
    background-color: transparent !important;
}

Best Regards