Customize my Confluence Cloud with my own CSS

Hello guys,

We have a Confluence Cloud but we don't know how to customize Confluence. Is it possible? If possible, what is the pass-to-pass.



4 answers

An easy way to start is with the Div and Stylesheet macros.

@Milo Grika,


I want customize all of my concluence. No only pages! 

Hi Igor,

You can customise the sidebar, header and footer in the Content Tools > Sidebar, Header and Footer option.  Instructions for doing so are here.  You can do the same kind of thing for your whole instance by going to Confluence Administration and looking in the Look and Feel options on the left hand side.


@Rob Woodgate.


I want customize all of my concluence. No only pages! Customize all structure. Example: Refined Themes, but with my CSS.

Hey Igor,

Just in case you weren't aware we have released in BETA Refined Theme for Confluence Cloud. You're welcome to check it out

Best regards, Genevieve / RefinedWiki

Hello @Rob Woodgate,

I use Confluence Cloud and can see Sidebar, Header and Footer section, I see the only Header and Footer section, paste CSS code there, but don't get any result. Could you please explain me step-by-step how did your resolve it?

Hi Igor,

In the Look and Feel options you can change the global colour scheme, the site logo and the favicon.  There are also themes you can download and apply to the whole application, or just to individual spaces.

However, there is a limit to what you can do in the Cloud version of Confluence.  For example, the HTML macro doesn't work in Cloud because of the potential for a security breach. If you search for "css" for Confluence in the Atlassian Marketplace, these are the results and there are a few there that look like they would help you achieve what you want.  But if you filter by Cloud hosted, only 1 of those plugins works on server (and it's for showing mathematical equations, which isn't useful for you.)

So, you've got the Look and Feel options and the Content Tools > Sidebar, Header and Footer option that I mentioned, and the macros that Milo mentioned.  But those are the only options, especially when it comes to using CSS.

Hi, so this was posted in another thread but posting here too:

It seems that in the current cloud you can put this into the footer code and it works.

[class^='SpaceCustomSettingsBlockComponent_unsupportedMacros'] {
display: none;

code {
color: #c0341d;

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Mar 12, 2019 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...

878 views 2 13
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