# Custom CSS

**Custom CSS** allows you to **use CSS code** and custom the style of the specific element in section that you want.

To use this function requires you to have basic knowledge of **HTML CSS code**. However, you can completely ignore it because we have a lot of options for you to customize.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Custom CSS**
3. Make necessary changes
4. **Save**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/YLIjQ9iFdoJYZ44Fd6ec/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Note: These changes here will not be applied to the checkout page.
{% endhint %}