# 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/GyYuzVsob5kZQHtG5da3/blobs/qJdSjPFKcy36gokkRMHj/image.png" alt=""><figcaption></figcaption></figure>

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