Levo logo

Pricing

Levo Studio

How to Style Elements in Levo Studio

LA

Levo Academy

Table of Contents
How the Style Tab is Organized
What You Can Change
Advanced Tips
Detailed Guides
Designing for Different Screen Sizes and States
Variants and Field Indicators

When you click on anything in Levo Studio, the Edit Block Panel opens on the right side of your screen. To change how an item looks, simply click on the Style tab at the top of that panel.

How the Style Tab is Organized

The Style tab is split into groups that you can click to open and close.

To keep your workspace clean and easy to use, Levo Studio only shows the tools you actually need. For example, if you click on text, you will see font options. But if you click on a picture, the font options disappear since you don't need them!

What You Can Change

Depending on what you click, you might see these different style groups:

  • Font: Change your text style, size, color, thickness, and alignment.

  • Layout: Change how items are arranged (like stacking them or putting them side-by-side) and add gaps between them.

  • Size: Set the exact width and height of your item.

  • Spacing: Add padding (extra space inside the item) or margins (extra space outside the item).

  • Background: Give your item a background color, picture, or video.

  • Effects: Add borders, rounded corners, drop shadows, or make the item see-through.

Advanced Tips

  • Variants: Think of Variants as saved shortcuts. They let you instantly apply a special, pre-made style to your block so it matches the rest of your website’s theme.

  • Color Hints: You might notice some settings light up in amber (orange/yellow) or blue. These colors are helpful hints from Levo Studio letting you know if a style has been custom edited or if it's coming from your main theme!

Detailed Guides

Each group has its own guide:

  • Typography — Font Options

  • Layout

  • Size & Spacing

  • Background

  • Effects — Border, Shadow, Opacity

Designing for Different Screen Sizes and States

Two more topics apply across all groups:

  • Responsive Design — styling for Desktop, Tablet, and Mobile

  • Element States — hover, disabled, active

Variants and Field Indicators

  • How to Use Variants — apply theme-level style presets to elements

  • What the Colours on Field Labels Mean — understanding the amber and blue highlights on property names




← Prev
How Do I Handle Instances of Blocks While Duplicating a Page?

Next →
Layout & Positioning — Display, Flex & Grid

Related Docs

Workspace Identity, Billing & Developer Access

The Workspace Hub is the foundational control layer of your platform. It centralizes critical administrative functions, including organizational identity, billing management, integrations, and developer access.

Activity Log — Track Every Workspace Change

The Activity Log provides a clear record of important actions within your workspace. It shows who performed an action and when, helping you maintain visibility and accountability.

Roles & Permissions — Controlling Team Access

A Role is a defined set of permissions that determines what a team member can view and perform within the platform. Levo operates on a granular, action-based permission model, allowing administrators to explicitly control whether a user can:
1/0
Levo logo

Level up engagement on any website

Pricing

Contact Us

Help & Support

Copyright © 2026. All Rights Reserved

Terms & Conditions

Privacy Policy