Customize my Confluence Cloud with my own CSS
Asked by Igor Paiva:

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.

Thanks!


Answers:
author: Richard Hodsdon
body: 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.

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

  code {
    color: #c0341d;
  }
{style}
```

comments: author: Jonathan
body: Actually, it does. Thanks a lot for this cool hack.


author: kai-suehiro
body: I was in trouble with the same thing.  
Thank you for the advice.


author: Dixelle Sequeira
body: Thank you for the hack, [@Richard Hodsdon](/t5/user/viewprofilepage/user-id/2408305). It works!


author: Milo Test
body: An easy way to start is with the Div and Stylesheet macros.

comments: author: Igor Paiva
body: @Milo Grika,

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


author: Rob Woodgate
body: 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](https://marketplace.atlassian.com/search?application=confluence&category=&cost=&hosting=&marketingLabel=&q=css) 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.


author: Rob Woodgate
body: 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](https://confluence.atlassian.com/confcloud/configure-the-sidebar-724764806.html#ConfiguretheSidebar-Addcustomcontenttoasidebar). 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.

comments: author: Igor Paiva
body: @Rob Woodgate.

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


author: Genevieve (Refined Partner Manager)
body: 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 <https://marketplace.atlassian.com/plugins/com.refinedwiki.confluence.cloud.refinedtheme/cloud/overview>

Best regards, Genevieve / RefinedWiki


author: Petro Romanchuk
body: Hello [@Rob Woodgate](/t5/user/viewprofilepage/user-id/781603),  

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?


Tags: cloud

confluence-cloud