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.
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!
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.
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!
Each group has its own guide:
Typography — Font Options
Layout
Size & Spacing
Background
Effects — Border, Shadow, Opacity
Two more topics apply across all groups:
Responsive Design — styling for Desktop, Tablet, and Mobile
Element States — hover, disabled, active
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