fbpx

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.

  1. Now select the background color.

The background color is added to our product label

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

Padding is added to the product label

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

Border radius is added to the product label

  1. 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.

Leave a Reply

Have any pre-sale questions?
Please dont hesitate to Contact Us.

Registered Members, need something?
Get started from your Dashboard.