Change Variant Dropdown Background Color on Brooklyn

Store Design
1

Hello,

I have been searching for hours for a way to change my Product Variant’s dropdown color, specifically the white background that is there by default. My site URL is bangersupplyco.myshopify.com (though I am working on a theme separate from the Live version, which currently has the fix already)

Here is a screenshot of the area to which I’d like to change the color:

BK0zuOF
BK0zuOF375×652 27.8 KB

Your help is highly appreciated, thanks!

2

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.selector-wrapper select#ProductSelect-product-template-option-0 option {
background-color: #f1cb39!important;
}

Screenshot :- https://prnt.sc/10666xw

1 Like
3

Sorry for the confusion, I believe this is the fix for my Live Theme (which is not Brooklyn). I am in the process of designing a new theme that is better optimized for Mobile users on the Brooklyn theme and using this code did not change what I wanted exactly. Here is a screenshot of the area I am trying to change, it is the white background in this dropdown, as well the variant text should be grayed out for sold out variants. (As it is on my website currently, second picture)

Thanks again!

ZSlKOzO
ZSlKOzO1920×969 202 KB

cb61CXn
cb61CXn224×236 8.08 KB

4

Share me preview link

1 Like
5

https://banger.supply/?_ab=0&_fd=0&_sc=1

6

Sorry, I created a proper preview link: https://i8a483t36v5jvpx8-26432995416.shopifypreview.com

7

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.css.liquid->paste below code at the bottom of the file.

select#SingleOptionSelector-0 option {
background-color: #f1cb39!important;
}

1 Like
8

Thanks a ton!

9

Kindly feel free to get back to me if you need any further assistance Thanks!

1 Like
10

Hi there! I’m currently experiencing a similar issue and can’t find a solution.

my client’s store with the white text on white drop down can be found here: https://grow.canadasforesttrust.ca/products/canadian-offsetter

any chance you can help me out?