Change background color of drop down in checkout/cart

Hello,

I am struggling to find the right CSS to change the color of my drop down menus in my checkout to black with white text, or black text. Dawn Theme. Photo attached

Thanks in advance

DaveW

Hi @39CAMC

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

www.soloperformance.com

Hi @39CAMC

Please go to Online store > Themes > Edit code. Find the file “base.css”. Then please scroll down to the bottom and add this code:

#shippingAddressForm select {
  background-color: black!important;
}

I hope that it will work for you.

For some reason, this is not working for me?

Hi @39CAMC

We tried it again and saw that it worked fine. You can see our video: https://www.loom.com/share/58c30dfb8abe47248d1334f1e1d3a08d

If it still doesn’t work for you, you can try to find this file to add the CSS code in the previous comment to it:

I hope that it will work for your site.

Thank you for your effort and video, but it does not work for my on New Edge or Chrome browsers. I do not have the secondary css file you mention.

Hi @39CAMC

If you added the code, it didn’t work, it can be that the code is overwritten by other code. It’s a bit difficult for us if we only check it outside your front end. If possible, please share with us your store access to check the theme.

Hello, sorry for silly question -new to shopify. Does this mean you would like collaborator access?

Thanks!

Dave

Yes @39CAMC if it’s possible for you.

Hi @39CAMC

Thank you so much for sharing store access with us. We checked and found that your store is not using Shopify Plus. Only when you use Shopify Plus and have a checkout liquid file in your theme code, you can add CSS to change the style on the checkout page.

You can refer the answer from Shopify Staff here: https://community.shopify.com/c/shopify-discussions/how-to-change-the-css-of-the-checkout-page/td-p/522262

I hope that this is useful for you.