Change labels background color

Store Design
, , ,
1

Hi, I would like to know how can I change the background color of the picked variants?

From the settings, I can only use the same color as the text color (color scheme), but I would like to use a different one (red).

Dawn theme

Thank you !!

https://wrdapparel.net/products/all-in-my-head

2
  • Here is the solution for you @Daniel19901
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product-form__input--pill input[type=radio]:checked+label {
    background: red !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1720795394311.png
BSSTekLabs_0-1720795394311.png572×530 23.9 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Hi @Daniel19901 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

.product-form__input--pill input[type=radio]:checked+label {
    background-color: red !important;
    color: black !important;
}
4

Hi @Daniel19901

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.product-form__input--pill input[type=radio]:checked+label {
    background: red;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!