# 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FzsVu9SIWNTLTJ5wHg1wu%2Ftoolbar-settings-manager.png?alt=media&#x26;token=796d50c9-6748-4f5d-9171-50aa6d5f2fad" 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FfACqoZwYnjnloh86NuTg%2Ftoolbar-style-manager.png?alt=media&#x26;token=e8cf4984-b1e4-410f-8185-b21e500670b3" 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