Need quantity adjustment in cart. Sahara theme

[deep_wrinkle]

Need to get the quantity adjustment ( + and -) in the cart as we don’t have that for some reason as shown in the pic attached.

[Made4uo-Ribe]

Hi @deep_wrinkle

Please, share your store URL. Thanks!

[deep_wrinkle]

Hi @Made4uo-Ribe ,

https://deepwrinkleremover.com/

[Made4uo-Ribe]

Thanks for the info, try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.cart-item__quantity .quantity__button svg {
    display: block !important;
    color: black;
}

• And Save.
• Result:
• 

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[deep_wrinkle]

HI @Made4uo-Ribe ,

Is there anyway to get it in a box something like this?

Or have the - and plus + closer together?

Thanks,

[Made4uo-Ribe]

Yeps, add this code same instruction.

.cart-item__quantity .field {
    width:40%;
    border: 1px solid grey;
}

and Save.

Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[deep_wrinkle]

would I replace the code you gave me before or add it underneath?

[Made4uo-Ribe]

Just add undeneath be sure after the last }. And Save.

[deep_wrinkle]

thank you so much…one more question ..is there anyway to get an “x” to close the cart like this

[Made4uo-Ribe]

Same instruction, add this code paste after the last }.

.cart-drawer__head {
        padding-top: 2rem;
    }

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[deep_wrinkle]

it’s not working on my end unfortunately…I attached the coding I used and this is the site im trying to get it for https://www.deepcellulitetreatment.com/

[Made4uo-Ribe]

This is the same store? if not possibilities the code wont work on the other store.

[deep_wrinkle]

Both stores are Sahara theme. The one store already has the check mark.

The link I posted above is to the store that doesn’t have it. https://www.deepcellulitetreatment.com/

[Made4uo-Ribe]

I’m sorry, I didn’t understand what you want me to do for the other store. Do you want me to add the close button? I think the close button was intentionally hidden.

[deep_wrinkle]

Ya we are looking for the “x” to close the cart so people on mobile can close it because it almost takes up the whole screen.

[Made4uo-Ribe]

Try this one,

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.cart-drawer__head {
        padding-top: 2rem !important;
    }

#shopify-section-cart-drawer svg {
    display: block !important;
}

• And Save.
• Result:
• 

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[deep_wrinkle]

Perfect thank you so much. it worked.

[Made4uo-Ribe]

Welcome, would you mind hitting some thumbs up please. It would help me a lot.

[deep_wrinkle]

Thank you so much for helping me.