> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/settings-and-styles.md).

# Settings and Styles

Select Settings or Styles to quickly reveal the settings or style management pane to edit as needed.

**Settings** - Each element has different settings

<figure><img src="/files/pcggFnceL4Q1dqwuYRki" alt=""><figcaption></figcaption></figure>

The Style manager has Basic and Advanced settings with the Advanced settings allowing for slightly more control and flexibility than the Basic settings.

<figure><img src="/files/mk2RKJcUxHhm0CdwJ4uw" alt=""><figcaption></figcaption></figure>

**Dimension/Size & Spacing** - Adjust the height, width, margins and padding of the element

**Font** - Adjust the font type, color, size, etc

**Border** - Adjust the border for the element

**Shadow** - Apply a shadow to the element

**Background/Effects** - Control the background and/or shadow style of the element

**Extra** - Adjust the opacity of an element

**Flex** - Control flex properties of the element