CSS used by Atlassian for their Confluence / Documentation?


I'm about to start creating technical documentation and have reviewed the confluence docs. I really like the layout Confluence uses for their docs. Can someone tell me how/where/what to use in my site to get the same layout, i.e. fixed width centered as theirs is?

Thank you.

3 answers

1 accepted

Hi Neal,

We use custom CSS for the documentation you see on CAC (confluence.atlassian.com). You can do this too, using the information here:


Just play around, like you would in any other HTML page, until you find something that works for your needs. Oh, and in terms of the Theme we use, we use the Documentation Theme, as described here:


I hope this helps.



It's likely done, like my company's documentation on Confluence, with a combination of custom style sheets, custom decorators, and modifying the default stylesheets.

Use your browser's built in tools. Right-click and view source or inspect element. In Chrome, view the network resources in the "Network" tab. CSS files are loaded just as any other network resource.

I think Atlassian use the Global Look and Feel theme, as opposed to the Documentation theme. If you're creating documentation, then you might be better off using the latter as you can customise it and therfore have more control over it.

One of the problems with the Global Look and Feel theme is that you sometimes end up forcing users to use scroll bars to move text and graphics so you can view them properly. This is caused because the graphics are too large for the theme, which causes the scroll bars to appear automatically. See here for an example:


This might seem like a trivial problem, but to see all the text, you have to go to the scroll bar (which will be under everything else), then move it sidesways, then go back to the text you couldn't see.

This is a very poor user experience and one to be avoided. You can do this by making the graphics small enough to not warrant the scroll bar in the first place. You can click on the graphic to see the full size version.

Have fun! :)

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Tuesday in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

251 views 2 10
Read article

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