---
title: "Use your own CSS"
manual: "ke_search"
version: "main"
source: "Templating/Css.rst"
rendered: "2026-09-25T08:10:48+00:00"
---

# Use your own CSS {#templatingcss}

ke_search comes with a default css file which is loaded automatically.

The path to the CSS file is configured in TypoScript:

```typoscript
// Search box plugin
plugin.tx_kesearch_pi1.cssFile = EXT:ke_search/Resources/Public/Css/ke_search_pi1.css
// Result list plugin
plugin.tx_kesearch_pi2.cssFile = EXT:ke_search/Resources/Public/Css/ke_search_pi1.css
// Cacheable search box plugin
plugin.tx_kesearch_pi3.cssFile = EXT:ke_search/Resources/Public/Css/ke_search_pi1.css
```

If you do not wish to use that file, you have the following possibilities.

## Unset via TypoScript {#unset-via-typoscript}

If you do not wish to load that file, you can unset it via TypoScript:

```typoscript
// Search box plugin
plugin.tx_kesearch_pi1.cssFile >
// Result list plugin
plugin.tx_kesearch_pi2.cssFile >
// Cacheable search box plugin
plugin.tx_kesearch_pi3.cssFile >
```

## Use plugin configuration {#use-plugin-configuration}

You can also make use of the field in the plugin configuration. This overwrites the default CSS file.

![Configure CSS file in plugin](../Images/Templating/templating-css-file.png)