Mini cart CSS help needed

In the Mini Cart section in the Header area, I’m trying to apply CSS style to the container which includes the cart details.

I’ve been able to apply CSS to what looks like the top half of the cart area, but the bottom half isn’t affected. I’m thinking this might be a menu style, but I’m not sure. My goal is to make the cart background a certain color and to use a border-radius, like the top half of the cart shows.

ps- you may need to add an item to the cart so that the mini cart will show contents.

Here’s the CSS I was able to use for the top half of the cart:

div.widget.woocommerce.widget_shopping_cart {
	background:red!important;
	border-radius:12px!important;
}

Here’s a screen shot of what it looks like
https://www.reddirtoutlet.com/public/cart-example.png

Many thanks in advance.

• This topic was modified 6 years, 8 months ago by gmsiegel.

The page I need help with: [log in to see the link]