How can I fix the color of the quantity box color in dawn theme?

Solved

How can I fix the color of the quantity box color in dawn theme?

KeirebuStudios
Tourist
4 0 1

Hey guys, 

I am having trouble changing the quantity box color on the dawn theme and was wondering if anybody knew how to fix this.

 

The photo with the white box is on the desktop.

Screenshot 2023-10-03 at 9.41.13 AM.png

 

This second photo is how it appears on mobile.

Screenshot 2023-10-03 at 9.41.21 AM.png

Does anybody know how to solve this? I want it to be black, so that I can make the red colored font, white. 

 

Thanks!

-Zuck 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10868 2143 2277

This is an accepted solution.

Hi @KeirebuStudios 

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code 

.quantity { background: #fff !important; }

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
10868 2143 2277

Hi @KeirebuStudios 

Please share your store URL

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

KeirebuStudios
Tourist
4 0 1

URL: keirebustudios.com

Password: Zuck 

 

Thank you! 

Dan-From-Ryviu
Shopify Partner
10868 2143 2277

This is an accepted solution.

Hi @KeirebuStudios 

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code 

.quantity { background: #fff !important; }

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

KeirebuStudios
Tourist
4 0 1

It worked! Thank you so much 🙂

PageFly-Noah
Shopify Partner
1317 233 280

Hi @KeirebuStudios 

 

This is Noah from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.quantity {
    background: white !important;
}
</style>

PageFlyNoah_0-1696387470529.png

 

Hope this can help you solve the issue 

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

KeirebuStudios
Tourist
4 0 1

Thanks for the response, Noah!

 

Dan got it just before you, but this is just as helpful for future reference.

PageFly-Noah
Shopify Partner
1317 233 280

Hi @KeirebuStudios Let me know if  you have any questions

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.