Can I add custom styles to a label?

Can I add custom styles to a label?

Yes.
Each label includes a Custom CSS field where you can add custom CSS rules specific to that label.

This is useful if you want to:

  • Override default colors

  • Change font size

  • Add borders or custom spacing

    • Related Articles

    • What are the options available to design the label?

      We can add custom CSS to the label text and its container block. The following fields are available under the Label Configuration tab. Custom CSS for Label: add CSS to the label text div block Reference ...

    • What label types are available?

      Simple Labels supports two label types: Primary Secondary Based on the selected type, the theme’s default primary or secondary styles (background color, padding, etc.) are applied automatically.

    • Can I add the image and text both in the label?

      Yes, if the image and text both are added to the label then both will be displayed in the label.

    • What is the "Code" field used for?

      The Code field is an internal identifier for the label. It is also added as a CSS class to the label element on the frontend, which allows developers to: Apply custom styles Target specific labels via CSS

    • How do I assign a label to a product?

      To assign a label: Go to Catalog → Products Edit a product Find the Simple Label dropdown attribute Select a label Save the product The selected label will be displayed on the frontend.