Solved

how to change shopify variant color button highlight sense theme

jewills
Tourist
15 0 1

Hello,

 

How do I change the color of the variant color button highlights? I am using the sense theme. I want to change the highlight color from black to red like my add to cart button.Screen Shot 2023-03-18 at 7.22.43 PM.png

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3050

This is an accepted solution.

Hi @jewills ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

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

<style>
.product-form__input input[type=radio]:checked+label {
    background: #852e03 !important;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1785 3050

This is an accepted solution.

Hi @jewills ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

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

<style>
.product-form__input input[type=radio]:checked+label {
    background: #852e03 !important;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

jewills
Tourist
15 0 1

@PageFly-Victor that worked, thank you!

 

GemPages
Shopify Partner
5588 1261 1203

Hi @jewills,

 

Glad to support you today.

 

You can check out my suggestion below to get your concern resolved.

 

1. Go to Edit code on Online Store:

 

GemPages_0-1679193391954.png

 

2. add my code  above the </body> tag on Theme.liquid:

 

<style>
	variant-radios input[type=radio]:checked+label {
		background: #862e03 !important;
	}
</style>

 

Eg:

 

GemPages_1-1679193409320.png

 

Hope you find my answer helpful!

Kind & 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