# CSS

## 🌈 CSS Customization

CSS customization allows you to fully unleash the full potential of the ngSurvey form engine and customize every single piece of your forms using [CSS classes](/form-management/style-branding/style-editor/css/css-classes.md). If its the first time that you hear about CSS you may follow this [tutorial](https://www.htmldog.com/guides/css/beginner/) to learn more about CSS and how it works.

##  ➕ Adding CSS

you may add your own CSS class definitions using the CSS entry screen. 

All the code that you enter and save in the CSS entry box will be injected by ngSurvey at runtime to style your survey accordingly to your CSS definitions.

![](/files/-MBctjFytCkewBehvnsz)

{% hint style="info" %}
CSS definitions have the highest priority and will override any other property class previously defined by the style. 
{% endhint %}

The available class dropdown displays the CSS classes that are not used yet in the customized CSS code. You may check the [CSS classes list](/form-management/style-branding/style-editor/css/css-classes.md) for an overview of the different classes that you can use to define your styles. 

![](/files/-MBcz1e0IvCDOs_xNGbA)

## 📐Custom CSS classes

You may also use your own CSS class definition that will be applied to your question or answers. If you created class called myclass.

![](/files/-MBd-CRYhU216TBe-ffh)

You could set this class on any of the question or answers of your choices by setting the CSS class property on your [question](/form-management/form-designer/questions/question-properties.md) or [answer](/form-management/form-designer/answers/answer-properties.md) properties page.

![](/files/-MBd-fGpB0C8TQcJNNts)


---

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