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

Success.

Shopify Partner
1767 289 374

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
1 Like
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
Shopify Partner
1767 289 374

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
0 Likes
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
Shopify Partner
1767 289 374

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
0 Likes
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
Shopify Partner
1767 289 374

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
0 Likes
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:cart colour icon.JPGheader cart icon

 

 

Really appreciate your help! 

 

0 Likes
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