Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal


  • Give kudos
  • Received
  • Given


  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

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;

Actually, it does. Thanks a lot for this cool hack.

Like Dixelle Sequeira likes this

I was in trouble with the same thing.
Thank you for the advice.

Thank you for the hack, @Richard Hodsdon. It works!

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.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Confluence

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

415 views 23 8
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you