How can I change the variant picker button color in Dawn 7.0.1?

Store Design
,
1

Hi I need help changing the color of dropdown button on variant picker. It currently takes the page’s background color and text. I would like it to be white background with black text. Please advise

2

Hello @jsrubi0

It’s GemPages support team and glad to support you today.

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Kind & Best regards!
GemPages Support Team

3

Yes it is www.parabellumcw.com

No password

Dropdown button that I need change is in the product page

4

Hello!

Here’s a code snippet that’ll work:

{% style %}
svg.icon.icon-caret {
    color: black;
}
.product-form__input--dropdown select {
    background: #fff;
    color: #000;
}
{% endstyle %}

Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code, just click on the elements and change the text and background color. You can make the edit and delete the app without paying for anything, and keep the edits.

Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!

1 Like
5

Thank you very much code worked!

1 Like
6

Awesome, glad it worked out!