Custom icons in the Panel

Kirby 2 Suggestions 💡
3

+1

For a recent project I did something like that. Not really intuitive but it works.
As you guys probably know you can add a panel.css like that (config.php):

c::set('panel.stylesheet', 'assets/css/panel.css');

There you can choose a different icon from the fontawesome icons like that:

a[data-helper="Folder"] i:before {
   content: "\f114";
}

As long as you know the name of the page your can use the data-helper attribute to find and style it.
Especially the folder icon is super useful for clients imho.

But I think an optional field in the blueprint would be way more intuitive. Given it’s already possible to set icons for fields…

1 Like