Getting Started

You will find the Styles tab in almost every setting in your builder. This article will cover all the settings inside the Styles tab. Here is the list of settings you will find inside the styles tab:

Margin and Padding
Border
Radius/Rounded Corner
Box Shadow
Transform

Margin and Padding

The margin and padding option let you change and tinker with the margin and padding of any row, section, column, or element.

Here is what it looks like:




You can change the values in %



Or in pixels or px

Lock Aspect 🔒

Once you activate the lock aspect option or click on the 🔒 option, it will change the values parallelly for both sides.



You also change the values for individual devices by hovering over the device icons

Border

The border option lets you add a border around any element, section, row, and column.

This is what the border setting looks like:



The GIF below demonstrates what all the options do

Radius/Rounded Corner

This option lets you add a rounded corner to your border.

⬇️ The GIF below demonstrates how it works.

Box Shadow

The Box shadow option lets you add a shadow around your border.

⬇️ The GIF below demonstrates how it works.

Transform

This option allows you to transform your element, like rotating, skewing, scale, etc.

⬇️ The GIF below demonstrates how it works.




Related articles

Animation on Scroll

How to control Z-index

Updated on: 19/10/2023