Put number of items in cart inside the cart

Hi guys,

Website: seraneeva.com

When an item is added to the cart, how can I make it so that there is no black circle, the number is black, and it is inside of the cart. Pic for reference. I’d really appreciate the help!!!

Screenshot 2024-06-03 at 11.40.04 AM.png

Hi @flammagreg ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

span.cart-item-count-bubble {
        width: 10px;
        color: black !important;
        top: 50%;
        left: 50%;
        font-size: 11px;
        height: 10px;
        background-color: transparent !important;
        transform: translate(-50%, -35%) !important;
     }

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like