Note macro overlaps with table of contents - any fix?

We're looking to upgrade to Confluence 5, but in our test environment for the upgrade, we see that, at the top of a page, the note macro overlaps with the mini TOC. It thus hides some TOC entries and just plain looks terrible. See image below. (It's a bit hard to see since the note background color is so bright.)

On Confluence 4, this is not an issue. The note macro simply wraps to the next line and does not overlap with the mini TOC.

A little extra info: The mini TOC is currently wrapped in a div macro that has custom CSS float:right and position:relative properties. I took the TOC out of the div macro and applied these same properties directly to the TOC macro, but got the same results. In either case the note overlaps.

Does anyone know of any solutions or workarounds? Obviously we don't want to have to manually move the note macro above the TOC on hundreds of pages. If we could force the note macro to wrap to the next line once it hits the mini TOC, that would be a godsend.

3 answers

1 accepted

Found the fix after playing around with the CSS. In the global or space-level custom stylesheet, you need to add the following code:

div.aui-message {
overflow-x: auto;
}

This solved the problem for us.

Hi There,

I am also facing the same issue on one of my page after a recent confluence upgrade to 5.8.4.

I tried adding the below code to my global style sheet as well but to no avail.

div.aui-message {
overflow-x: auto;
}

Was there any other fix found for this ?

Thanks - Akshay

In Confluence 5.9.12 the required style is:

.confluence-information-macro {
  overflow-x: auto;
}

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Posted Jul 10, 2018 in Confluence

We want to see the templates you've created in Confluence!

Hi Community, Jessica here from the Confluence Product Marketing team!  July’s community challenge is all about sharing pictures  — and as an extension of our first post on what ...

867 views 23 12
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