- This topic has 15 replies, 5 voices, and was last updated 3 years, 2 months ago by David.
-
AuthorPosts
-
December 1, 2020 at 3:30 am #1560108Rene Nekuda
Hello, I am using Woocommerce Product Add-ons offcial plugin, but in the minicart submenu it looks really ugly. Please, do you have any idea how to NOT show this OR how to change font to smaller size in this submenu?
Screenshot: https://renenekuda.d.pr/fwMXLD
Thank you very much!
René
December 1, 2020 at 4:59 am #1560224DavidStaffCustomer SupportHi there.
would you be able to share a link with the ‘problem’ item in the Cart ? Or provide me a link where i can add one
December 1, 2020 at 5:02 am #1560227Rene NekudaSure. Put this to the cart with few other items.
December 1, 2020 at 5:24 am #1560248DavidStaffCustomer SupportTry this CSS:
#wc-mini-cart ul.woocommerce-mini-cart dl.variation { display: none; }
December 1, 2020 at 5:26 am #1560249Rene NekudaOh, thank you. It is better. 🙂
And – sorry for this – do you know how to have a smaller product names and how to align the Checkout (“Pokladna”) button?
Screenshot: https://renenekuda.d.pr/dWudHN
December 1, 2020 at 6:06 am #1560305DavidStaffCustomer SupportTry this for the font size:
#wc-mini-cart ul li a { font-size: 14px; }
And this to keep the buttons aligned:
.widget_shopping_cart .woocommerce-mini-cart__buttons { justify-content: space-between; } .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a { padding: 8px; }
December 1, 2020 at 6:07 am #1560308Rene NekudaAmazing – thank you very much! 🙂
December 1, 2020 at 6:09 am #1560312DavidStaffCustomer SupportGlad to be of help
February 13, 2021 at 1:49 pm #1657313CraigI’m having a similar issue with the font size of the mini cart being too big. I tried adding this to my child theme css:
#wc-mini-cart ul li a {
font-size: 14px;
}But it didn’t make any difference. Any ideas? Here’s my shop page, if you add an item to the cart then hover over the cart icon, you’ll see the issue.
February 13, 2021 at 7:49 pm #1657430LeoStaffCustomer SupportThat CSS should work.
Did you make sure to clear the caching plugin after adding it?
https://www.screencast.com/t/KP7fst0gC8zFebruary 13, 2021 at 10:56 pm #1657486CraigYes, I did clear cache, as a wise man once said 😉
Could it be overridden later by another css?
February 14, 2021 at 6:00 am #1657698DavidStaffCustomer SupportHi there,
you have this code in your Child Theme style sheet:
add_action( 'admin_init', function() { add_filter( 'generate_google_fonts_array', '__return_empty_array' ); } );
Thats a PHP Snippet and needs to be remove from the CSS as it will break any code that comes after it.
To add that snippet see here:
February 14, 2021 at 9:35 am #1658055CraigStrange, not sure how that got there. I removed it from the css and cleared cache, but the font is still big in the mini cart.
February 14, 2021 at 1:47 pm #1658220YingStaffCustomer SupportHi Craig,
I tested the CSS, once it’s added in it works. The problem is it’s not being added in yet. The only issue I can imagine is cache.
There’re still lots of CSS are generated by caching plugin, could you disable the caching plugin clear cache and try again?
February 14, 2021 at 3:38 pm #1658308CraigI’ve disabled my cache plugin (WP Rocket) and retested. Issue is still there.
-
AuthorPosts
- You must be logged in to reply to this topic.