The most advanced styling options are in the 'Advanced' panel for the selected element.

Here you have full control over every selector in the selected element.

It is also important to differentiate Advanced Styling from Global Design.

If you wish to edit one specific element head over to Advanced Styling. If you wish to edit style for the site in whole, head over to Global Design.

allows you to set up the amount of pixels in Padding and Margin on the element selector.

The difference between Padding and Margin is the location of the spacing.

There are many other option to look for in the advanced styling editor;

Let’s take a look at them 👇

👉 Background allows you to add layers and colors as well as background colors.

👉 Text allows you to edit font size, type all the way to length, font weight, font family. and color.

👉 Border allows you to edit border style, width, color, radius, etc.

👉 Shadow allows you to edit shadow type, angle, distance, blur, size and color.

👉 Size allows you to set fixed width and height.

📌 Note that this option is NOT mobile responsive.

Now that you know more about Advanced Styling, try out and style your elements and give them your personal touch.