Settings & Style Manager

Select Settings to reveal the settings management panel.

Settings - each element has different settings

Select Styles to reveal the style management panel.

Basic:

State - Choose state to determine when an element is styled, or which child elements are styled.

• State - The default state will style the element chosen with no action

• Hover - When the mouse is hovering over the element

• Active - When an element has been selected

• Even - Even numbered child elements

• Odd - Odd numbered child elements

Dimension - Adjust the margins and padding of the element

Font - Easy to adjust the font type, color, size, etc

Border - Easy to adjust the border for the element

Background - Control the background style of the element

Advanced:

State - Choose state to determine when an element is styled, or which child elements are styled.

• State - The default state will style the element chosen with no action

• Hover - When the mouse is hovering over the element

• Active - When an element has been selected

• Even - Even numbered child elements

• Odd - Odd numbered child elements

Size - Adjust the width and height

Spacing - Adjust the margin and padding

Font - Precise adjustments of the font including the type, color, etc

Border - Precise adjustments to the border for the element

Effects - Adjust the color, background, shadow, text shadow

Extra - Adjust the opacity of an element

Flex - Control flex properties of the element

Select the arrow button to dock to the other side of the page.