Colour Swatches dropdown Background and Text colour issue

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.

https://smithsprintedfriendz.com

Hello @Smith3d ,

  1. Go to Online Store → Theme → Edit code.
  2. 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.
sh.png

Here is the Solution

i only have theme.liquid, no Base.ccs and or theme.css

Hi @Smith3d

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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!