# 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.