# Styles

You can style the way your [*Pages*](https://docs.stadium.software/features/pages) and controls will be displayed in a browser.

The Styles Editor makes it easy to create styles without knowing the details of [Cascading Style Sheets (CSS)](https://www.w3schools.com/css/css_intro.asp).

Note: Styles defined in the Styles Editor have a very high specificity and are difficult to override.

***

{% embed url="<https://www.youtube.com/embed/GCw4VKCTHRI?autoplay=1&rel=0&vq=1080>" %}
Add styles
{% endembed %}

***

### How to use the [Styles](https://docs.stadium.software/features/styles) Editor

1. Select [Styles](https://docs.stadium.software/features/styles) from the menu on the left.
2. To set 'global' styles, select the Control for which you want to set styles (e.g. *Button*).
3. To set 'inline' styles for specific instances of a control, select the control listed on the relevant page for which you want to set styles (e.g. *Button1 on the StartPage*).
4. Select the relevant style values (e.g. blue) for the style parameters you want to set (e.g. the font color).

Note:

* Global styles will apply to all the instances of the particular control type (e.g. button).
* [Styles](https://docs.stadium.software/features/styles) you set for a specific instance of a control will override the global style settings.
* If you also created styles with the StyleSheet editor, for any duplicate 'global' styles the styles from the stylesheet will override the styles created with the [Styles](https://docs.stadium.software/features/styles) Editor.

![](https://3514041584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqxH8JA8xG3I22tiZG5H6%2Fuploads%2Fgit-blob-cf779cb6fc94cd5892514ceee3a8fab67ee49f91%2Fstyles1.png?alt=media)