Variant dropdown menus text and background the same colour

Store Design
, ,
1

Picture1.mp4.png
Picture1.mp4.png208Ă—176 14 KB

hi, we are using avis plus to create variant options for our products however the colour of the text is the same as the background in the dropdown menu.

i have attached a photo for reference, if anyone could provide a solution that would be amazing.

thanks

1 Like
2

Hi @bayprint , can you add a link to the product page? I can help you.

3

Hi @bayprint

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

4

https://bayprint.co.uk/products/posters

5

https://bayprint.co.uk/products/posters

1 Like
6

Hi @bayprint , You add CSS on file style css:

.avis-swatch-variants .avis-dropdown-selector ul.avis-option-values>li.avis-style-value-dropdownlist label{

color: #000;

}

7

Thanks for the info, 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:
.avis-option-values.avis-dropdown-option * {
    color: black !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
8

where am i adding the css? is this in the edit code part or in the custom css in theme settings?

9

That worked perfectly thank you for your help!