Applying Custom Styles

How to apply custom styles to WikiPakk components?

WikiTraccs allows you to change its style by applying custom CSS.

Note

You should only continue if you know about CSS and how to use it.

By applying custom CSS, you might introduce unwanted side effects. Your CSS will be loaded into the pages where the page tree and breadcrumb is shown and can also affect components owned by SharePoint like menus, lists, and document libraries.

Make sure to scope your CSS to WikiPakk components and to test your configuration thoroughly.

Do the following to load your custom CSS:

Set up a Configuration Site
- note: see Use a Configuration Site for details
Create the WikiPakkSettings list in the Configuration Site
- note: see WikiPakk Settings for details
Add the wikipakk.css setting key; set its value to the custom CSS selectors you want to apply
- note: see the WikiPakk Settings section for details; also take note of the settings cache duration

After the settings cache expires (or you manually clear it), your custom CSS should be applied.

Last modified November 26, 2025