How to highlight the Variant Dropdown Button on Brooklyn Theme?

Hello!

I am using the Brooklyn Theme and having an issue where my customers don’t realize that the Variant Dropdown Button on my product page is clickable because currently they are showing up as black buttons on a black background.

I would like to change it so the button has a green border (#00b490) to set it apart from the rest of the surrounding text.

This is what it looks like:

This is what I’d like it to look like:

Any help would be much appreciated!

1 Like

@capecali

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hello!
The site is capecali.com

1 Like

@capecali

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-form__item {margin-top: 30px;}
.single-option-selector {border: 1px solid #00b490;}

Perfect!!! Thank you so very much.

1 Like

@capecali

its my pleasure to help us

If helpful then please Like and Accept Solution.