Archived topic
Issues with the mini cart
5 replies · Started by Marijke on June 30, 2021
Hey! I'm having an issue with the little pop-up that appears when one hovers over the shopping cart menu item (using WooCommerce). You can clearly see what's going on in the screenshot below, the thumbnail is too big and the button text is supposed to be white. Normally I just inspect source and tweak the CSS but I can't get it to work! It's a desktop-only issue because on mobile, this pop-up doesn't appear.
https://www.screencast.com/t/pLNiLHBbT
How do I fix this? Thanks!
Hi there,
the image size is being affected by this CSS you have in the Customizer > Additional CSS:
ul.product_list_widget li img {
width: 100px !important;
}If you want to just change the image size in your Shop then you can set this in Customizer > Woocommerce > Product Images > Catalog.
And for the Button color can you check Customizer > Colors > Woocommerce -> Menu Mini Cart >> Button Colors
Thanks!
I put that CSS there to edit the thumbnail size for widgets that show products, I didn't realize it would affect the mini cart as well. The thing is that now that I've removed it, the thumbnails in these widgets are ridiculously small (you can see it on the blog). How do I get them to a normal size, like 100px? There is no option to edit the thumbnail size in the widget editor.
Try this CSS instead:
.woocommerce ul.product_list_widget li img {
width: 100px
}It doesn't appear to work, not with !important either. I think that's what I initially tried from just inspecting element and using the CSS that popped up. I'm not knowledgeable enough to figure out why, unfortunately.
Where did you add the CSS to the site ? And is it still added as i cannot see it :)
