Customizing Kagi CSS

Cascading Style Sheets (CSS) is a language used to stylize HTML elements in web pages. You can fully customize Kagi's search and landing pages with your own CSS.

You can use up to 10,000 characters to customize your Kagi Search CSS. Custom CSS does not apply on Settings pages.

Customization is done in your Appearance settings.

Use the no_css query parameter (for example, kagi.com/search?q=test&no_css) to disable your custom CSS if something horribly breaks!

The Kagi Discord server has an #appearance channel where people are sharing custom CSS examples. A community member also started a subreddit where CSS can be shared.

If you want to learn more about how to customize your Kagi Search CSS, below is a video tutorial. The video features a slightly older design of Kagi Search, but the CSS principles are the same.

Also, here are some web resources about how to use CSS in general: