Confluence-How to add a menu area while creating a blog webpage using zen foundation?


I am trying to create a blog webpage using zen foundation in confluence. I cannot add a menu area (like in hallowen home | try | buy | learn) to my home page. I downloaded the halloween ( brand but the menu is not displayed. How can I add a menu to my home page and how can I configure it?

5 answers

1 accepted

2 votes
Accepted answer

Hi Bahar,

The menus are separate from the brand, and are set up either on a site-wide basis: or on a space-by-space basis:

In a nutshell, a menu is simply a page (titled and is a bullet list of links. The first level is the top menu, second-level bullets define drop-down menus, and so on. And because a menu is just a Confluence page, you can set page permissions to be as open or locked down as you like. Just make sure everyone has View privileges so they can see the menu contents.


Thanks Darryl Cheers :)

Hey, What about sub menu items?

I created my menu, but I want to add 3 sub menus to a menu item.

How can I do this?


Okay, you've successfully changed the canvas to blue, and the section background appears to be "transparent". (The white strip at the top is the gradient image.) Perhaps the white color isn't set in the brand or there is a typo in the color name?

I gave you instructions for changing a single section, but should have also mentioned these are set for all sections in the brand using the brand designer's "Size, Space, and Shape" panel. The first options allow you to adjust the background for the sections. This is a better place to change the section colors, and also allows you to use the color picker to get better control over the color.

Thank you darryl.

You can add submenus with indented bullets. The first indented bullets make the top row menu items. If you indent again, you create a pulldown menu. More indents for slide-off menus. So to make two menu tabs with pulldown menus, do this:

  • Fruit
    • Apple
    • Banana
    • Orange
  • Vegetable
    • Celery
    • Kale
    • Onion

I tried the same thing as follow:

But the intented ones does not appear. What am I doing wrong? :S

I copied your example, and it works hehe :)

That's weird.

Hi, I have more question for you :)

I have a space using zen theme. Under this space, there are many pages. Pages' titles are not editable.

There are no restrictions for pages or permission restrictions for the space or users.

How can I make the titles editable?


Hi Bahar,

If you hover over the title, a "T" in a box will appear. Click that and you'll get a popup to edit the page title.

Also, on your pulldown menus not working, we've sometimes seen the rich text editor insert unwanted elements into the XHTML (such as a <p> tag). We installed Atlassian's excellent Source Editor plugin ( which allows you to edit the XHTML and spot and remove the offending bits. Be sure to use the Admin Console to restrict availability of this plugin to users you trust to edit the XHTML by hand.



Hi Darryl,

Thank you for your answer.

Cheers :)

Hi Darryl,

I need your help again :) I have a space that uses zen for the theme. Now, I have one more space and I want to use zen for this space's theme. I have one For the second space, I need to create a new menu. How can I do this? Thanks a lot for your answers.

Nice work!

Hi Darryl,

I want to add a footer to my theme like in atlassian blog page.

How can I do this in a zen theme in a confluence page?

Thanks for answers :)

Hi Darryl,

Again I have a question :) In my theme, the background is dark-blue, canvas-background is white. The area between them is also white. I tried to change it. It does not work. Which area should I change in the brand designer?

Hi Bahar,

You can use the Brand Designer's "Background & Header" panel, and scroll down to find the "Canvas Background" options. You can change the color or use a background image. In soon-to-be-released Zen 5.2.5, you can also add drop shadows to the canvas. :-)


Hi Darrly,

Not canvas background. The area between canvas and background color. Can you see it from the image above?

Okay, sorry. The blue is the background, then the white square is what Zen calls the "canvas," and the boxes with the rounded corners and slight gradient (containing the title "Contents" and the "Reusing..." bullet point) are what we call "Zen sections." I think you might be asking about the sections . . . in which case if you hover over the section you'll see a square appear at the top right (opposite the "edit pencil" on the top left). Click that square to get the section menu, and click the "Designer" link. More details are described here:

Or did I miss the point again? :-)

P.S., if you don't see the square appear, it's because that page is controlled by the Zen Master page . . . you can use the section designers on the master to make background (and other) design changes.

When I change the "Canvas background". It looks like the following:

When I tried to changed the section color to $zenWhiteColor from design menu, ıt doesn't become white totally. I can be the one missing the point :)

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Feb 06, 2019 in Confluence

Try out the new editing experience

Hi team, I’m Avinoam, a product manager on Confluence Cloud, and today I’m really excited to let the Community know that all customers can now try out the new editing experience and see some of the ...

1,030 views 51 8
Join discussion

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