Shopify themes, liquid, logos, and UX
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hey @dilsymart ,
To change the color of the quantity button on your Shopify store, you can edit the CSS in your theme. Here’s how you can do it:
Follow these Steps:
1. Online Store.
2. Themes
3. Edit Code
4. Locate your theme’s CSS file. This is typically named something like theme.css or style.css under the Assets folder.
5. Add the following CSS to target the quantity buttons:
/* Change the color of quantity buttons */
.quantity-selector button {
background-color: #ff5733; /* Change this to your desired color */
color: #fff; /* Text color of the button */
}
.quantity-selector button:hover {
background-color: #c70039; /* Optional: change hover color */
}
Replace #ff5733 with the hex code of the color you want for the quantity button. You can use any valid color code, such as hex ( #ff5733), RGB (rgb(255, 87, 51) ) , or named colors (red).
If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!
Best Regard,
Rajat Sharma
I didn't find these theme name theme.css or style.css
Hello!
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom
#button.quantity__button.disabled{
.quantity {
color: rgba(var(--color-foreground));
position: relative;
width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width)* 2);
display: flex;
border-radius: var(--inputs-radius);
min-height: calc((var(--inputs-border-width)* 2) + 4.5rem);
background-color: white
}
}
Thanks.
Now counting and + - sign is missing
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024