Custom code

In the theme settings you can add additional CSS code and Javascript code.

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?

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.

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

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

CSS code

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

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

Head javascript code

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

<script>-Tags are not needed.

Footer Javascript files

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

Footer javascript code

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

<script>-Tags are not needed.