How to add a simple stylesheet to your DokuWiki

A simple way to customize certain styles in DokuWiki without adding plugins or modifying core code is by adding your own CSS file. Luckily, DokuWiki looks for and recognizes a user style file named userstyle.css.

So, what follows are some style examples I have implemented in this Wiki.

This custom CSS change will persist even after core updates. It is also something you can delete or modify at any time. However, ensure you keep a local copy in case you need it later.

1. Create a user stylesheet: Navigate to your DokuWiki installation directory and find the conf/ folder. If a file named userstyle.css does not yet exist, use your code editor to create a new one. Then upload it when you finish step 2.
2. Add CSS Code: Insert the following code to increase the base font size for the whole wiki. You can adjust the percentage as needed (e.g., 110% 120%). I'm currently using 120% in this wiki.

body {
    font-size: 120% !important;
}

1. Clear Caches (if needed): After saving the new file, you may need to purge your DokuWiki cache and clear your browser's temporary files to see the changes. See how here: How to clear the cache memory after code changes.

For other style changes I've implemented so far,

see the following subpage: Current userstyle.css sample.

Back to

• Notes List
• Home Page