How can I change the black background of my variant pickers?

hello my variant pickers have a black background and I don’t know how to change it does anyone have a way around this

yes I need help with changing the colour of the variant picker, quantity selector and add to cart button

Hi @Davian ,

Thanks for reaching out here. I’m sorry to hear about this issue you’re experiencing with your variant picker background color and I’ll be happy to help here as much as I can.

From the screenshot you shared it looks like you selected black color in the Theme Editor for a different section however it translated across variant picker as well. If this is not the case then it’s most likely that the product page theme file was edited at some point. Do you remember editing this theme file?

It will be also very helpful if you could share your store URL and let me know which theme you use. The best way to establish if it’s theme related problem is to install a new version of your theme or another theme and then see if it happens with it too. If the new theme doesn’t have this problem, your current theme will need a revision. Please let me know what happens when you try to replicate the issue on a different theme.

hello I tried it on the same theme and it turned out fine with the sense theme https://948614.myshopify.com/

Hi @Davian ,

Thanks for getting back. I can see your store looks amazing now! The text and all the information that customer need are very well visible which is wonderful to see.

However, I noticed that your store does not have a favicon. When it comes to web design, even the smallest detail can have a huge impact on your conversion rates. Whether you’re making the final touches to your online store, or you’ve already launched; adding a favicon is one of those small details you don’t want to miss!

A favicon is a small square image that represents your brand in the browser tab. Typically, favicons feature a logo, the first letter of the company name or simply an image that reflects the specifics of the website it represents.

Depending on the theme you are using, your Favicon is generally located in your theme editor under Theme Settings.

To access this setting, open your Shopify Admin and select Online Store > Customize > Theme Settings. Theme Settings will be a paintbrush icon on the left hand side. You should see the option for Favicon listed here.

If you need tricks and tips and on how to adjust and customize your theme, check out our YouTube video here.

Thank you for the feedback ill make the adjustments as soon as possible

I’ve added my favicon but it won’t show up on the store when I refresh is there any way around this