nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Need help to customize look and feel in Confluence application

Reetesh Kumar

Hi,

We are using Confluence version 5.9.4
We are changing the look and feel in Confluence application. For this we need your help.
I have attached the Confluence 3_screen1.png and Confluence_Footer.png files for your reference.
Here we can change the header part at point 1 in screenshot Confluence 3_screen1.png using "LOOK AND FEEL" available in Confluence application.
We need your help to modify the footer part. The footer part should look like as we designed at point 2 and 3 in the attached Confluence_Footer.png file. We want to place a logo at point 2 and move the other links in the right most at point 3. Please help us in customizing the footer part.

We could not capture thr Atlassian logo in the footer and this Atlassian logo is missing from the screenshot Confluence_Footer.png. The Atlassian logo will be placed to the right most of the footer page.

Please suggest us for the required changes.

Thanks,
Reetesh

Accepted answers

All comments

Reetesh Kumar

Confluence 3_screen1.png

Bruno Miretti

Hi Reetesh,

to do this you could use an include in the footer settings pointing to a page you can customize with section/columns to place a logo at point 2 and link at point 3.

Example / footer settings:

{include:KBCOMMON:KB-Footer|nopanel=true}

Doing so you can insert a section macro in your included page then inside this macro 2 "column" macros. In the first one, add your logo and in the 2nd one, add a div macro with right align and inside the div macro, add your links.

Example:

Hope this helps

Bruno

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence