Title: ICON WRAP
Last modified: November 15, 2021

---

# ICON WRAP

 *  Resolved [marurbgil](https://wordpress.org/support/users/marurbgil/)
 * (@marurbgil)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/icon-wrap/)
 * Good morning,
 * I would like to be able to put the grey circle on the cart icon that I have added
   with CSS, as it appears on the icon on the left. I have tried several ways but
   I have not been able to do it, here is a picture: [https://imgur.com/a/jREURXj](https://imgur.com/a/jREURXj)
 * my website: [https://madicontrol.com/tienda/](https://madicontrol.com/tienda/)
 * Here is the CSS code of the cart:
 * #wrap .wcmenucart-cart-icon .wcmenucart-count {
    border: 0; text-align: center;
   width: 25px; height: 25px; border-radius: 25px; margin-bottom: 10px; background:#
   EEB601; colour: #000; }
 * #wrap .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count {
    background:#
   F1F1F1; colour: #000; }
 * #wrap .wcmenucart-cart-cart-icon .wcmenucart-count:after {
    background: url(‘
   https://madicontrol.com/tienda/wp-content/uploads/2021/09/shopping-cart-5.svg’);
   background-size: cover; background-position: center center; border: 0; width:
   45px; height: 45px; border-radius: 0; left: -35px; top: 50%; transform: translateY(-
   50%); -webkit-transform: translateY(-50%); }
 * #wrap .bag-style:hover .wcmenucart-cart-cart-icon .wcmenucart-count:after, .show-
   cart .wcmenucart-cart-icon .wcmenucart-count:after {
    height: 45px; }
 * #wrap .wcmenucart-details {
    top: -12px; }
 * Thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/icon-wrap/#post-15080320)
 * Reverted On the previous thread, kindly check.
    [https://wordpress.org/support/topic/circle-wrapping-the-icon/#post-15080317](https://wordpress.org/support/topic/circle-wrapping-the-icon/#post-15080317)
 *  Thread Starter [marurbgil](https://wordpress.org/support/users/marurbgil/)
 * (@marurbgil)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/icon-wrap/#post-15116436)
 * Good morning [@abhikr781](https://wordpress.org/support/users/abhikr781/)
 * Thank you for your reply and sorry for the delay in answering.
    What I would 
   like is to continue having the counter circle having a big circle and a small
   circle. As it appears on this website [https://www.tiendasmgi.es/#](https://www.tiendasmgi.es/#)
 * I attach the icon I am referring to: [https://madicontrol.com/tienda/wp-content/uploads/2021/11/mgi-tiendas.jpg](https://madicontrol.com/tienda/wp-content/uploads/2021/11/mgi-tiendas.jpg)
 * Thank you in advance

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘ICON WRAP’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [marurbgil](https://wordpress.org/support/users/marurbgil/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/icon-wrap/#post-15116436)
 * Status: resolved