> For the complete documentation index, see [llms.txt](https://app-docs.creoglyph.io/htmltoflow/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://app-docs.creoglyph.io/htmltoflow/features/css3-styling-in-webflow-designer.md).

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