How to alter variant pill outline and background color in dawn theme?

[cj18]

do you know how to change the outline color and background color for variants pills in dawn theme?

[GemPages · Accepted solution]

Hello @cj18 

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

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
.product-form__input input[type=radio]:checked+label {
    background-color: #2d8fdd;
}
.product-form__input input[type=radio]+label {
    border: 0.1rem solid #0d5a97;
}
</style>

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[cj18]

gempages always comin in clutch. thanks!

[cj18]

thanks

[roseanna14]

Hi, 

This is really helpful! It has worked to change the background colour and the outline colours, however when I hover over the pill the outline colour turns to black is there a way to edit that too please? And the selected Pill colour text.