# 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://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-0e616349f8d1dfa288f681812b13ad5c6cf8aaa3%2Fimage%20(822).png?alt=media" alt=""><figcaption></figcaption></figure>

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