How to add a background color to a product variation label using CSS Hero

We want to add a background color to a product variation label as shown below:

How to do it?

To apply a background color to a product variation label with zero or no coding, follow the steps below:

1. Launch the CSS Hero Editor.
2. Select the product label on which you want to add a background color and select the Background property.

3. Now select the background color.

4. Let’s add some spacing and border-radius to make it look elegant.

5. Now let’s add some border-radius to it.

6. Now, Save & Publish to save the changes made.

Congratulations! You have successfully added a background-color to a product variation label with no coding but only using CSS Hero editor.