Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Placing logo above Confluence navigation menu

Eugene M
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
February 21, 2012

Hi all,

Could you please help me with a quick question. I would like to place a logo above the Confluence navigation menu. For example, as it is done on this page: https://wiki.nci.nih.gov/display/WikiTrainFAQsTips/Wiki+FAQs%2C+Tips+and+Guidelines

How to do it? I have admin's rights to manage a Confluence space and currently use "Documentation Theme", but I do not have access to any Confluence files on a server. Thank in advance.

1 answer

1 vote
Andrew Frayling
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 21, 2012

Hi Euguene,

I don't think you can have your layout the same as the example you provided if you're just the Space Administrator. I believe in the example they have inserted Custom HTML at the end of the HEAD via Browse -> Confluence Admin -> Look and Feel -> Custom HTML and inserted some html at the end of the HEAD to give them their top banner.

With the Documentation Theme you can select Browse -> Space Admin -> Themes -> Documentation Theme -> Configure Theme where you have a text box to insert wiki markup in the header, but the markup you place in here is inserted below the navigation, not above it.

If you're using the Global Look and Feel theme you can select Layout and create custom for the Main Layout and enter the HTML for the logo you want as highlighted below:

## HTML BODY BEGINS

<body #onLoadAttr() id="com-atlassian-confluence" class="$!theme.moduleKey $!sitemeshPage.getProperty("page.bodyClass")">

#parse ("/decorators/includes/main-content-includes.vm")

<ul id="assistive-skip-links" class="assistive">

<li><a href="#title-heading">$action.getText("assistive.skiplink.to.content")</a></li>

<li><a href="\#breadcrumbs">$action.getText("assistive.skiplink.to.breadcrumbs")</a></li>

<li><a href="#header-menu-bar">$action.getText("assistive.skiplink.to.header.menu")</a></li>

<li><a href="#navigation">$action.getText("assistive.skiplink.to.action.menu")</a></li>

<li><a href="#quick-search-query">$action.getText("assistive.skiplink.to.quick.search")</a></li>

</ul>

## PUT YOUR LOGO HTML HERE

<div id="page">

If you wanted to use the Global Look and Feel theme you could add a left hand navigation similar to the Documentation theme by following the instructions at http://confluence.atlassian.com/display/DOC/Adding+a+Navigation+Sidebar

Would Global Look and Feel with a custom left navigation work for you?

Andrew.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events