Good day
Currently i cannot change the Background, and the Text colours of the Variety Swatches, can someone please help, i want to make the text White, and the background like gray, and the background of the colour, that selects the variety to Cyan if that makes sense
Hi @Smith3d Please share your store url also share password if it is protected.
Hello @Smith3d ,
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.select__select, .customer select {
background: #333333 !important;
}
i only have the Theme.liquid
Hi there! I’d be happy to help with this.
To change the background and text colors of your variant swatches, you’ll need to apply some custom CSS to your theme.

i only have theme.liquid, no Base.ccs and or theme.css
Hi @Smith3d
TRy this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.product-form__input .select option {
background: #333333 !important;
}
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following.
Please note there is no Theme.Css and or Base.css
When i go into the theme itself, and input this in Custom CSS it works, thank you
Yes, you can use the custom css under the theme editor.
Welcome! Would you mind hitting ‘like’ as well? Thanks!