# Custom code

{% hint style="info" %}
Unlike the **styling** configuration (theme configuration), the settings of a theme are always stored in the parent theme. A child theme does not have its own area with settings.

[**Where can I find the theme settings?**](/en/master.md#step-5-settings-plugin-app-configuration)
{% endhint %}

{% hint style="info" %}
**When using a child theme:**

You have to use the theme settings of the **parent theme**. A child theme has no settings of its own - but a styling configuration.
{% endhint %}

## CSS code

Smaller adjustments can be deposited in the settings of the theme. In addition to linking external CSS files, CSS can also be entered.

### CSS files

<figure><img src="/files/kq1xenF2m38OLZaHyaRW" alt=""><figcaption></figcaption></figure>

```html
<link href="https://.../style.css" rel="stylesheet">
```

### CSS code

<figure><img src="/files/QuiRTRhGUogHOx53P7k6" alt=""><figcaption></figcaption></figure>

```css
body {
    background: #ffffff;
}
```

*\<style>-Tags are not needed.*

## Javascript code

Smaller adjustments and functions can be stored in the settings of the theme. You can choose between linking **external Javascript files** and embed inline **Javascript code**.

Also you can choose between the inclusion in the \<head/>-area of the page and the footer area. Some applications need to be included in the \<head/>-area, other scripts should be included in the footer in order not to delay the loading of the page.

### Head Javascript files

<figure><img src="/files/dsNiF5mDv6hGX6AgP1FT" alt=""><figcaption></figcaption></figure>

```markup
<script src="https://.../javascript.js"></script>
```

### Head javascript code

<figure><img src="/files/nJrNVydpEAXFjO1ccZL0" alt=""><figcaption></figcaption></figure>

```javascript
// JavaScript Code
console.log('Hello World');
```

*\<script>-Tags are not needed.*

### Footer Javascript files

<figure><img src="/files/NQ3kCegMv2MA5XVRJm2W" alt=""><figcaption></figcaption></figure>

```markup
<script src="https://.../javascript.js"></script>
```

### Footer javascript code

<figure><img src="/files/rQJhf1jsFYhKNThp4Iwz" alt=""><figcaption></figcaption></figure>

```javascript
// JavaScript Code
console.log('Hello World');
```

*\<script>-Tags are not needed.*


---

# 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://themedocs.zenit.design/en/settings/custom-code.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.