# Style Editor

The style editor is the heart of the style editing process and is composed of 4 main sections to help you design your style.

![](/files/-MBbs5e73j5a3NTi4mgQ)

* [Style](/form-management/style-branding/style-editor/style.md) let you set the general properties of the style like its name, colors or header image.
* [Theme](/form-management/style-branding/style-editor/theme.md) let you define the general theme with its colors, fonts and overall look that will be applied globally across all the form elements.
* [Elements](/form-management/style-branding/style-editor/elements.md) let you customize individually in a user friendly way the design of your form elements.
* [CSS](/form-management/style-branding/style-editor/css.md) gives you complete control over the design and layout of the style as you can use plain CSS code to define all the details of your style. 

{% hint style="info" %}
All changes that you make during the editing process are applied live to the survey on the right allowing you to see right away if your style looks good or bad.
{% endhint %}

## 💻 Target devices

As respondents can take your survey various devices you may need to [adapt the design](/form-management/style-branding/style-editor/mobile-responsive-design.md) to match a specific device. Using the target device you can preview and edit your style for a [specific device](/form-management/style-branding/style-editor/mobile-responsive-design.md).  

![](/files/-MBcSrl_hobmv0OYkAWn)

## 💢 Previewing errors

Enabling the preview errors property will display all the error messages that would normally show up in your survey. This will allow you to define and preview the style of the error messages while editing your style. 

![](/files/-MBcCJcvVOf5dBbNxmSx)

![](/files/-MBcC_b0tT935KaGzFIU)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ngsurvey.com/form-management/style-branding/style-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.