How do I add padding and/or margins to the title bar/banner logo?

I have added a custom logo to my XWiki theme, Slate from the Flamingo pack, and the logo is a bit large so it touches the top and bottom of the title bar.

For the life of me I can’t get the LESS file to accept any CSS that adds a margin to the top and bottom of the logo. Any ideas?

I tried adding some CSS to the ‘style.css’ file in the Flamingo folder, but that didn’t do anything either.

Please help!

You probably want to take a look at https://dev.xwiki.org/xwiki/bin/view/Onboarding/TrackStyling/
You can add native CSS or LESS using StyleSheet Extension objects on one of your page.
I don’t advise you to change files in your distribution’s folder directly. You could break something easily.

AFAIK the style.css file is generated from various sources, my guess is that your changes are deleted on every new generation of the file.

Have a good day,
Lucas C.

1 Like