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