Studio

The Position feature lets you control how boxes are placed on your page. With four different positioning methods, you can create sophisticated layouts.

Positions: Relative, Fixed, Absolute, and Sticky.

Introducing the size units you can set for a box placed on a page. You can configure fixed values, relative values, and more.

How to Set Box Size Units

Learn how to add spacing to boxes in Studio. This article explains the three features and how to set them step by step.

How to Set Margins, Padding, and Gaps

Negative margin

Display Settings

Overflow

Layer order

Transparency

Learn how to change box colors. You can set colors using saved colors, RGBA/HEX values, or default colors.

How to Set Colors for Boxes

You can add borders to boxes and customize their color, style, and thickness. Borders are a great way to separate content or add design accents.

How to Add and Customize Borders for Boxes

Shadow

Learn to add softness and emphasis to your design with STUDIO's rounded corner feature.

How to Set Rounded Corners on Boxes

Blend mode, Filter, and Backdrop filter

Setting styles based on conditions such as hover and appearance

Conditional styles

Animation

How to create a long vertical modal that allows you to scroll within the Modal.

The key to creating a vertical Modal

How to create a slanted background

Studio Support

Saika

Kelvin H.

Stylebar

Find answers and get help from Intercom Support and Community Experts

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you