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.
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.