How to change quantity button color in cart for mobile only!

Solved

How to change quantity button color in cart for mobile only!

jaggertherebel
Tourist
5 0 4

Been trying to change this button from red background with white text to a white background with black text for the past few hours but have had no luck. Using the "Dawn" theme if that info is needed. Please help!

 

Screenshot 2024-09-23 at 10.39.54 AM.png

Accepted Solution (1)

TheUntechnickle
Shopify Partner
34 5 6

This is an accepted solution.

Hi there,

This CSS should work. Please add this to the base.css theme file 🙂

 

 

@media screen and (max-width: 760px) {
    .cart-items .cart-quantity .quantity__input {
        background: white !important;
        color: black !important;
    }
}

 

 

Thanks,
Shubham | Untechnickle

We’re here to simplify your Shopify experience!
Let’s chat over a virtual coffee and find the perfect solution for your store.



Our Services: Store Build & Redesign | Theme Customization | Website Audit & Optimization | Bug Fixes | App Setups

View solution in original post

Replies 9 (9)

BSS-TekLabs
Shopify Partner
2327 690 813

Hello @jaggertherebel 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
jaggertherebel
Tourist
5 0 4

Thanks. clothes4rebels.com - password to access the website is "rebels24"

BSS-TekLabs
Shopify Partner
2327 690 813

Your site is password protected, please share it so I can check for you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
jaggertherebel
Tourist
5 0 4

---------------------

Sam416
Shopify Partner
35 2 4

Hi @jaggertherebel 
can you share the URL of the store?

Shopify Expert | E-commerce Specialist | Custom Shopify App Development | Shopify Theme Customization & Bug Fixing | Buy Me A Coffee| Hire me| Contact Me on WhatsApp
jaggertherebel
Tourist
5 0 4

------------------

TheUntechnickle
Shopify Partner
34 5 6

This is an accepted solution.

Hi there,

This CSS should work. Please add this to the base.css theme file 🙂

 

 

@media screen and (max-width: 760px) {
    .cart-items .cart-quantity .quantity__input {
        background: white !important;
        color: black !important;
    }
}

 

 

Thanks,
Shubham | Untechnickle

We’re here to simplify your Shopify experience!
Let’s chat over a virtual coffee and find the perfect solution for your store.



Our Services: Store Build & Redesign | Theme Customization | Website Audit & Optimization | Bug Fixes | App Setups

jaggertherebel
Tourist
5 0 4

Thanks so much you're a legend!

Sam416
Shopify Partner
35 2 4

Use below css.

 @media only screen and (max-width: 600px) {
            .quantity__input {
                color: #000000 !important;
                background-color: #ffffff !important;
            }
        }
Shopify Expert | E-commerce Specialist | Custom Shopify App Development | Shopify Theme Customization & Bug Fixing | Buy Me A Coffee| Hire me| Contact Me on WhatsApp