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; } } }

Global Header and Footer with Navigation

Ravi Prakash_xmg1ml

Hi,

I am a newbie starting with Confluence. I read few articles to find solution for 1st task I have to finish. I read some articles, but I don't know the best solution. Some suggest CSS, some Look and Feel.

Problem statement:

1. Put a header and footer to all pages (Global header & footer)

2. Inset few buttons with text in header (e.g. Text with hyperlink to another page (e.g. Policy) ) . Same with footer (e.g. Terms and Conditions), it should navigate to T&C page.

3. Append text (si) to Company logo(image) ABC to make it look like ABCsi. On hover over Company logo , it should expand "si" to Staff Intranet.

Please suggest a good approach.

Thank you.

Accepted answers

Dominic Lagger

Hi @Ravi Prakash

I think you read the documentation for confluence server.

But you are on confluence cloud. Here, there is no custom CSS possible.

On Atlassian Cloud, Confluence uses a custom theme that can't be modified or updated using custom HTML or CSS. For more information on custom themes in Confluence Cloud, refer to Working with Themes.

For the header and the footer, you can go to the settings and choose Header and Footer. There you can set the header or footer.

Regards, Dominic.

All comments

Dominic Lagger

Hi @Ravi Prakash

I think you read the documentation for confluence server.

But you are on confluence cloud. Here, there is no custom CSS possible.

On Atlassian Cloud, Confluence uses a custom theme that can't be modified or updated using custom HTML or CSS. For more information on custom themes in Confluence Cloud, refer to Working with Themes.

For the header and the footer, you can go to the settings and choose Header and Footer. There you can set the header or footer.

Regards, Dominic.

Nic Brough -Adaptavist-

I would not try to do this on plain Confluence (Cloud or Server), it's a lot of work, most of it can't be done on Cloud (server may need some quite heavy coding), and will almost certainly end up as a mess.

Instead, I would look to using a theme app to re-skin your Confluence UI.

Ravi Prakash_xmg1ml

Thank you for all the answers. Custom HTML suits my need better, I wrote HTML + CSS and made the changes.

James Hutchinson_xhmg7k

Were you able to insert CSS in the footer to make style changes?

Having an override style feature for Confluence cloud would be a great feature rather than force people to buy something from the marketplace to implement some basic changes. The product out of the box is very limited. You can get much better features from a free opensource product.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

server

confluence-server