Shopify themes, liquid, logos, and UX
Hi everyone,
I just wish to change the color of the background of the quantity selector on Dawn theme, and remove the border.
Could you help me on that ? (here picture of what I'm aiming)
Many thanks !
from that :
To this button :
Solved! Go to the solution
This is an accepted solution.
Thank you for the information. Try this. Im not sure which color youll like to use. But I just copy the color in your add to cart.
quantity-input.quantity {
background: #041E42;
}
quantity-input.quantity * {
color: white;
}
Result:
I hope it help.
Hi @ManuBC
Would you mind to share your Store URL website? with password if its protected. Thanks!
sure, here is a page exemple of a product :
https://www.barreclandestine.com/products/morropon-lait-caramelise
This is an accepted solution.
Thank you for the information. Try this. Im not sure which color youll like to use. But I just copy the color in your add to cart.
quantity-input.quantity {
background: #041E42;
}
quantity-input.quantity * {
color: white;
}
Result:
I hope it help.
Many thanks for your help ! It's almost perfect, but if we have a look, there is still the black border and the color is filling in a squared shape whereas my button is rounded (I change the color in red, to see the difference). Do you see how to fix it ?
Oh sorry, i forgot. Can you add this one.
.quantity {
--inputs-border-width: 0px;
}
Thanks!
Thanks for the great support here!
Adding as you mentioned the following code:
quantity-input.quantity {
background: #1FD2FF;
}
quantity-input.quantity * {
color: black;
}
.quantity {
--inputs-border-width: 2px;
}
the add to cart icon looks like that in my shop:
https://plackbird.com/products/glitzertasse-gluck-ist-so-eine-mama-zu-haben
What I want to have is these Icon without the border lines and round edges.
Like shown here:
Any idea on that one? Would be appriciated.
Thanks
Great, many thanks !
Just to let you guys know. Anyone implementing this code should also check how it affects the Quantity selector in the Add to Cart Page. For me the quantity selector was in all to cart page went completely white but no visible selectors.
Thank you for bringing this to my attention. It's important to note that different stores may encounter different issues. The solution provided is tailored to the specific problem described by the store owner who sought assistance. Therefore, it may be effective for their store setup.
While the solution may work well for the store owner who requested it, I understand that it may not be universally applicable. Each store has its unique configurations and challenges.
If you encounter issues or need assistance with your store, please feel free to post a new topic detailing your specific problem. This will enable the community to better understand your situation and provide targeted solutions.
We are here to help and offer solutions based on individual store needs. Thank you for your understanding!
Is there a reason this wouldn't work on mobile? Works fine on my desktop but not mobile for me.
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