Customizing CSS

If you know CSS, you can custom the appearance of your website yourself, by uploading a stylesheet. For that, go into the menu ‘Settings’, then ‘CSS stylesheet’.

Then upload the file you wish to use as CSS, and save. Read more about uploading documents on Wagtail’s documentation.

For example, the default menu bar looks like this:

After adding this CSS stylsheet:

.navbar-item{
    color: #9b5200;
}

a.navbar-item:hover{
    color: #2c25ff;
    background-color: #C1F742;
}

The menu items have different colors: