How can I hide the canvas-control-panel div for users lacking edit privileges.

When a user lacking edit privileges views my ZF themed page they see white space on the page where the control panel appears for editors. This is 34px high of wasted space. Is that by design? How can I style it away for those without editing rights?

5 answers

1 accepted

0 votes
Accepted answer

Hi HomeAway,

Sorry this isn't a more elegant solution, but try the suggestion below to tighten up that area a bit.

Add the following CSS to your brand, obviously adjusting as makes sense for your design:

#canvas-control-panel {

	height: 24px;


#publishing-control-panel {

	top: 0;


#wrapper #content #canvas {

	padding-top: 24px !important;


Let us know if this helps.



Hi HomeAway,

Any possibility of a screenshot with specifics on what you are trying to hide? (do you mean the toolbar?)


Here's a screen shot with the FF Object Inspector showing the offending div:

Thanks so much - that clears things up. Presently, Zen does not have a way to hide those controls for different vieiwing permissions, but you can reduce the overall space of that area, so the impact is less. Please let us know if you are intersted in that as a partial solution, and we'll get you more information.


(Also note that in our newest product, Theme Press (the 'next generation of Zen') we have completely removed those controls - we understand they can be problematic depending upon your design needs.)

Partial solution would be great.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Feb 07, 2019 in Marketplace Apps

A Timeless Love Story

It started as any story starts, on a normal, rainy day.   Admin meets App, and her name was Klok2, and like any first relationship we were both trying to make it work but neither one knew what...

466 views 8 27
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