kener/docs/custom-js-css-guide.md

title, description

title	description
Custom JS and CSS Guide | Kener	Custom JS and CSS Guide for Kener

Here is a guide to add custom JS and CSS to your Kener instance.

Adding Custom JS

Add your custom JS to static/ file. And in the src/app.html file, add the following line:

<script src="/your-custom-js-file.js"></script>

Adding Custom CSS

Three are two ways you can add custom CSS to your Kener instance.

CSS file

Add your custom CSS to static/ file. And in the src/app.html file, add the following line:

<link rel="stylesheet" href="/your-custom-css-file.css" />

Do not forget to add the base path if you are using a subpath. For example, if you are using a subpath /kener, then the path should be /kener/your-custom-js-file.js.

Inline CSS

To add inline css go to Manage kener -> Theme -> Custom CSS and add your CSS there.

.my-class {
	color: red;
}

Do not include <style> tags.