> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/settings/custom-code.md).

# 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.*