I have looked at length to find CSS that will change the background color, border radius and product info text color. I think this may not be a "mini cart". The price of the item, subtotal and View Cart / Checkout buttons follow the styling Ive done to the cart. I have successfully changed my product text color on my actual Cart page. So frustrating! Help is much appreciated.

  • The easiest thing to do is to use your browser's debug tools to 'inspect' the individual parts of the widget: it should show you what CSS it is using to style it, and which files it comes from.
    – Rup
    Jun 26, 2020 at 14:41
  • Thanks, I remembered about that Inspect idea. I was able to style the background color and border radius. But I cant figure out how to style the text that identifies the product. Its still the default blue. Jun 26, 2020 at 16:53
  • Could you share the link to the site you're working on?
    – ralphjsmit
    Jun 26, 2020 at 18:31
  • the site is pancakehollowsugarworks.com Jun 26, 2020 at 20:55
  • For the sidebar cart widget to come up you must add something to your cart. Jun 26, 2020 at 20:57

1 Answer 1


Solved, this code allowed me to change the Product description color on the Cart sidebar widget.

.widget ul li a { color: #680000; }

Not the answer you're looking for? Browse other questions tagged or ask your own question.