zen toolbar hiding button separators for anonymous users

Hi,

I'm evaluating the Zen foundation add on and I've managed to customize the toolbar presented to anonymous users. I'm wondering if there's a way to also remove the button separators that appear between the different sections of the toolbar. We need to remove most buttons except for search and expando button - but that leaves three separators in the toolbar.

TIA,

Dave

1 answer

1 accepted

This widget could not be displayed.

Hi Dave,

The short answer is: yes! There is a way to remove those dividers. Unfortunately, there is not a direct method within the Brand Designer. You will instead need to add some custom CSS in your theme. If you inspect that toolbar, you'll notice that those dividers have the class "toolbar-spacer" and each has an addition class for where it is positioned.

You can add a display: none for any spacer you want to remove, and that should do the trick, as in the example below.

Please let us know if this is helpful!

cheers,

Kelli

#zen-toolbar .toolbar-spacer.expando-spacer {
display: none;
}

Hi Kelli,

Thanks for your response, that seems to be working well!

Another related question is: the fix removes the spacer for logged-in users and anonymous users alike. Is there any way to just remove the spacer for anonymous users only?

Cheers,

Dave

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Aug 22, 2018 in Marketplace Apps

How a Marketplace app tech team is achieving gender diversity

Hello! My name is Genevieve Blanch, and I'm the Marketing Manager at RefinedWiki, creators of apps to give teams the tools to customize Atlassian platforms. Currently, 44% of the tech team at Re...

509 views 3 18
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you