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.

Setting Box Colors

Learn how to add borders to boxes. You can set border colors and styles, and specify border width and location for each side.

Setting Box Borders

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

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

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you