How To Display The Divi Cart Quantity Number In A Circle скачать в хорошем качестве

How To Display The Divi Cart Quantity Number In A Circle

The shopping cart is a crucial part of every e-commerce website. Let’s give the default Divi menu cart icon a more modern look by adding an overlapping circle background to the cart quantity number. Make your Divi cart look like the Squarespace or Shopfiy menu cart icon with a cart quantity bubble. 👉 Get the CSS snippets and more info in the blog post: https://divimundo.com/en/blog/how-to-... CHAPTERS 00:00 – Intro: Adding a circle background to the Divi menu cart icon 00:35 – Remove the word "Items" beside the cart icon 03:37 – Style the cart icon and the cart quantity text in the Divi Theme Builder 06:16 – Adding a circle to the Divi cart quantity number (and make it overlap the cart icon) 10:04 – Make sure that multiple digits fits in the bubble You have probably seen this shopping cart icon design on several successful e-commerce websites: A big cart icon in the top right of the menu with the number of items wrapped in a neat circular background. Can this be achieved with Divi and WooCommerce? Yes, by using the Divi Theme Builder and a couple of code snippets. We will style as much as we can using the design options in the Visual Builder and add the rest with custom CSS. Any questions? Let me know in the comments! ⚡ DiviMundo.com is dedicated to spread knowledge about WordPress and the Divi theme. The vision is that everyone should be able to design beautiful websites without exhausting coding issues. Read more at https://divimundo.com/en/ ⚡Get 10% off Divi here: https://divimundo.com/divi10/ (affiliate link) #divi #woocommerce #cart #icon