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

Adding banner

Bjarte Mohn

Hi,

I would like to add a banner (at the very top, above the breadcrumbs) of my space. The space is currently set up with "documentatione theme" and I'm unfortunately unable to figure out how to do it (if possible at all). Can somebody advise me?

If it is not possible, are there other ways to acheive a top banner? Would it e.g. be possible in the "global look and feel" theme? I've looked at the html for header and footer of the latter theme, but with limited html experienced I'm unable to figure out exactly where (and how) to modify it.

Cheers, Bjarte

PS: I use version 4.2.8

Accepted answers

All comments

JohnA_xb3t2l

Hi Bjarte,

I believe you will be able to do this by using Custom HTML, (Browse -> Confluence Admin -> Look and Feel -> Custom HTML), and then add your HTML string in the "At End of HEAD" section and this should allow you to place a custom banner along the top of your instance.

All the best,
John

Bjarte Mohn

Hi John!

Thanks for your suggestion, I think that would work too, but it would give the same banner to all spaces while I only want it for one of them. Meanwhile I have added an image to the html by using trial and error, and while it seems to work one problem has showed up. The image causes some sort of overflow on the page so that when editing (or adding) a page the save-bar is missing. I'm trying to work out why now, but I'm rather stuck.

Cheers!

gerdami

If you use the standard Documentation theme, you can display a banner or text at the top of every page in this space by entering wiki markup into the second form "Messages Header"

David at David Simpson Apps

It's best to hide any modifications using CSS when the page is modified -- gives more room for the editor too.

In your custom html, you could do something like this:.

&lt;style&gt;
	#com-atlassian-confluence.edit .my-custom-stuff { 
		display: none; /* hide from the editor */
	}
&lt;/style&gt;
&lt;div class="my-custom-stuff"&gt;
	... your stuff here ...
&lt;/div&gt;

Aussupport

How do we add Image?

Welcome!

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

Quick Links

Find more posts tagged with

confluence

style

documentation-theme