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

Solved

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

cj18
Excursionist
26 0 5

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

Accepted Solution (1)

GemPages
Shopify Partner
5621 1261 1230

This is an 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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5621 1261 1230

This is an 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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
cj18
Excursionist
26 0 5

gempages always comin in clutch. thanks!

cj18
Excursionist
26 0 5

thanks

roseanna14
Visitor
1 0 0

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.