Levo logo

Pricing

Levo Studio

Creating Custom Style Variants

LA

Levo Academy

Table of Contents
How to Create a Custom Variant

Every single component in Levo Studio lets you build custom Variants! If the built-in styles (like the standard Button sizes or Text options) don't perfectly fit what you need, you can easily build your own from scratch.

How to Create a Custom Variant

  1. Open the Theme Editor: Go to the Theme Editor and find the component you want to customize (like a Button, Heading, or Container).

  2. Find or Create a Variant Group:

    • If you want to add a completely new category (like "Special Sizes"), click "Add New Variant Group" and give it a clear name.

    • If an appropriate group already exists (like "Style" or "Color"), you can just use that one!

  3. Add Your Variant: Inside your chosen group, click "Add New Variant" to create a new option. Give your variant a name.

  4. Style Your Variant: Click the "Edit" button next to your new variant. Then, use the style controls to design exactly what it should look like!

And that's it! Once you are done, your shiny new custom variants will instantly become available across your entire website. You can select and use them exactly like the built-in ones.


← Prev
Applying Style Variants to Elements

Next →
Element States — Styling Hover, Disabled & Active

Related Docs

How to change access settings of Community in Levo?

Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.

How to manage your Community in Levo?

Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.

How to create a Community/Forum in Levo?

Our comprehensive financial services help you achieve your goals through expert guidance and innovative solutions.
1/0
Levo logo

Level up engagement on any website

Pricing

Contact Us

Help & Support

Copyright © 2026. All Rights Reserved

Terms & Conditions

Privacy Policy