Shopify themes, liquid, logos, and UX
I'm trying to change the background and text color of my quantity selectors in my cart (i've already removed them from the product pages).
Below they are black background, white text but I'd like them to be white blackground, blue text, with blue border.
snowboundusa.com
PW: tubesteaks
Solved! Go to the solution
This is an accepted solution.
I combined both of your codes, and it worked lol:
}
.quantity__button {background-color: #fff; opacity: 1; color: #0072ce;}
quantity-input.quantity *{color: #0072ce;}
.quantity__input:focus-visible {background-color: #fff; opacity: 1;
border-top: 1px solid #73b2e4; border-bottom: 1px solid #73b2e4; outline: none;
box-shadow: none;
}
quantity-input.quantity { background: #fff !important; }
Hi @Snowbound4
Please go to Online store > Themes > Edit code > Assets > open base.css and add this code at the bottom
quantity-input.quantity * { color: inherit !important; }
quantity-input.quantity { background: #fff !important; }
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
@Snowbound4 - add this css to the very end of your base.css file and check
.quantity__button{background-color: #fff; opacity: 1; color: #0072ce;}
quantity-input.quantity *{color: #0072ce;}
.quantity__input:focus-visible{background-color: #fff; opacity: 1;
border-top: 1px solid #73b2e4; border-bottom: 1px solid #73b2e4; outline: none;
box-shadow: none;}
no luck
@Snowbound4 - I am seeing it like this
Your code gave me the black/blue boxes and @Dan-From-Ryviu 's code gave me all white. I took the second line of @Dan-From-Ryviu 's code and added it after yours, and it seemed to work!
This is an accepted solution.
I combined both of your codes, and it worked lol:
}
.quantity__button {background-color: #fff; opacity: 1; color: #0072ce;}
quantity-input.quantity *{color: #0072ce;}
.quantity__input:focus-visible {background-color: #fff; opacity: 1;
border-top: 1px solid #73b2e4; border-bottom: 1px solid #73b2e4; outline: none;
box-shadow: none;
}
quantity-input.quantity { background: #fff !important; }
@Snowbound4 - congratulations
Any idea on how to do the same with my mobile menu?
It's currently black background, blue text. I'd like it white background, blue text.
Your help is greatly appreciated.
Hi @Snowbound4
You can use this code
#menu-drawer { background: #fff !important; }
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Amazing - thank you!
You are very welcome, @Snowbound4
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
User | RANK |
---|---|
186 | |
170 | |
80 | |
55 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023