# Custom CSS

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

This feature will show in a few sections. 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/5WlAIkq5Keo641r70Byr/blobs/9Hptnuuf1iUsjqak3dmc/custom-css.jpg" alt=""><figcaption></figcaption></figure>

Shopify also added **Custom CSS** setting in new version. Custom CSS can be added to your entire theme that affects all pages in your online store except the **Checkout** page.&#x20;

{% hint style="success" %}
To use **Custom CSS** of Shopify please follow these steps

**Steps:**

1. In your Shopify admin, go to **Online Store** > **Themes**
2. Click **Customize**.
3. Click **Theme settings**.
4. Click **Custom CSS**.
5. Add your code.
6. Click **Save**.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/qZ3sWOaYRPX6kgfFBS1Q/Screenshot_271.png" alt=""><figcaption></figcaption></figure>

**Shopify Custom CSS** can also be added to a specific section of your theme. For example, you can apply a custom font size or a background color to a single section.

{% hint style="success" %}
**Steps:**

1. In your Shopify admin, go to **Online Store** > **Themes**
2. Click **Customize**.
3. Click the section that you want to add CSS to.
4. At the bottom of the section properties panel, click **Custom CSS**.
5. Add your code.
6. Click **Save**.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/onCmqPrFsEYxzRSClQx4/Screenshot_272.png" alt=""><figcaption></figcaption></figure>