# Custom CSS

Customizing your WordPress site with your own CSS can be a great way to make your theme truly unique. One of the simplest and most user-friendly methods to do this is through the Theme Customizer. Here's how you can easily add your custom CSS to your WordPress site.

First, head over to your WordPress dashboard. Once there, navigate to **Appearance -> Customize**.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2FGi7b8ySULrU83aUCGq3v%2FCustomize.jpg?alt=media&#x26;token=7734229a-d7b9-44ba-9574-c6fe5808ce3b" alt="" width="375"><figcaption><p>Access Customizer</p></figcaption></figure>

Within the Customizer, you'll notice your site's live preview on the right side, and a panel full of customization options on the left. To start adding your custom CSS, click on the **Additional CSS** section.&#x20;

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2FP2omk4NwnWlT9FnMwck5%2FAdditional%20CSS.jpg?alt=media&#x26;token=e76ec520-119d-4212-ba29-2172340c5543" alt="" width="375"><figcaption></figcaption></figure>

This section will slide open to reveal a simple code editor where you can input your custom CSS code.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2FQG7hydyrbvj4Est3phR8%2FCustom%20CSS.jpg?alt=media&#x26;token=00f6d89a-2ebb-4fe2-a635-b8936d6972ee" alt="" width="375"><figcaption></figcaption></figure>

As you start typing in your CSS rules, you'll see them take effect immediately in the live preview of your site.

Once you're happy with the changes, make sure to click the **Publish** button at the top of the Customizer. This will save your custom CSS and apply it to your live site.

{% hint style="info" %}
Any custom CSS you add using the Theme Customizer is specific to the theme you’re currently using. If you switch to a different theme, your custom CSS won't carry over. To reuse your custom CSS with a new theme, simply copy the code from the Additional CSS box and paste it into the new theme using the same method.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.kaliumtheme.com/other/custom-css.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.