Modular Theme - Product Quantity Selector (Background Colour)

Solved
Highlighted
Tourist
33 0 1

Hi Everyone, 

 

Can I please have your help with how I can edit the Quantity Selector background colour? My page has white text and I can't seem to change the drop down background from white. If you can also help me with how I can change the drop down selection highlight colour that would also help!

 

Thank You

0 Likes
Highlighted
Shopify Expert
3483 543 820

This is an accepted solution.

Hi,

If you want to change background color of this qty box then follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or if not theme.scss then add in any main css file->paste bellow code in bottom of file

 

.productForm-select select{ background-color: gray;  border: 1px solid black;}

qty.png

 

Note: You can play with color

Let me know if you need help

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
33 0 1
Hi there,

Thank you so much for your help, I can't find Asset -> theme.scss, should I
paste it here?

[image: image.png]
0 Likes
Highlighted
Shopify Expert
3483 543 820

If you can not find asset->theme.scss file then you can add in any main css file that load on ll pages Or in template->theme.liquid file with <style> tag.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
33 0 1

It worked! 

 

Any chance you would know why my cart icons aren't changing to white like my hamburger menu icon?

 

cart icon fault.JPG 

 

 

0 Likes
Highlighted
Shopify Expert
3483 543 820

Send your store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
33 0 1

https://apothecarystore.com.au

 

It's also giving me a white footer cart display bar which means my text won't show..

add to cart footer.JPG

0 Likes
Highlighted
Shopify Expert
3483 543 820

Add bellow css:

#cartTotal svg path{ fill: white; }
#CartToggleItemCount {color:white }
.product-bar__info .product-bar__title,.product-normal-price{ color: black; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
33 0 1

Thank You!

 

That worked by changing the text to black for the footer cart display, however it also changed my main price display as below:

price colour text.JPG

 

Also, my cart icon count colour changed to white but not the outline, It also stays grey on scroll still:header cart iconheader cart icon

 

 

Really appreciate your help! 

 

0 Likes
Highlighted
Tourist
33 0 1

If we could make the section black and keep the white text that could work even better with my store design.

 

0 Likes