Element and Section Styling

These are common styling properties that can be applied to the elements in the design page which includes borders, backgrounds, shadows, fonts, etc.

Dimensions

Dimensions control the size and positioning of the element.

Width

Defines the width of the selected element in pixels.

Padding

Padding is used to create space around an element's content, inside of any defined borders.

Shadow Color

These properties define a shadow for the selected element. Defines the color of the shadow.

Font options

These properties style are predefined in Style guide. Select the font to apply to the selected element.

Bold

Makes the text darker and thicker.

Italic

Makes the text slanted.

Underline

Underlines the text. This is useful in conditional formatting, when a link is hovered, for instance.

Text Alignment

Aligns the text. Choose from Left, Center, and Right.

Font Color

Select the text color.

Background

These options define the background of the elements: color etc. Select the background color for the element.

Border style

Choose a style for the border. Define the border width in pixels and Border color

Visibility

Users can set the property to specify whether an element is visible or not. Visibility can be categorized: All Users, Logged In Users(based on roles & subscription), Logged Out Users, and Device visibility(Desktop, Tablet, Mobile) option.