# CSS3 Styling in Webflow Designer

### Overview

* Add custom CSS directly in Webflow.
* Creates style tag automatically.

### Steps

* Copy your raw CSS code.
* Add your CSS code.
* The app generates style tag and applies the styles in Webflow.

{% hint style="danger" %}
We do not completely validate the code, so please ensure it is correct before starting the conversion.

This app currently supports only <mark style="background-color:orange;">pure CSS.</mark>

If the CSS code works in the Webflow Designer but not on the published site, please add the CSS code within a <mark style="color:red;">`<style>`</mark> tag inside an embed element to ensure proper functionality across both the Designer and the live site.
{% endhint %}

### Benefits

* Ensures consistent styling.
* Allows for detailed design customization.
* Keeps all design work within Webflow.


---

# 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://app-docs.creoglyph.io/htmltoflow/features/css3-styling-in-webflow-designer.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.