Is custom CSS not allowed in Confluence Cloud?

I don't see this option as listed in the help documentation.

3 answers

1 vote

Your instinct is correct - see https://confluence.atlassian.com/confcloud/restricted-functions-in-confluence-cloud-734070955.html for the list of things that are restricted on Confluence Cloud (custom css is buried in the middle)

1 vote
Stephen Deutsch Community Champion Nov 02, 2016

There is no official way to use custom CSS, but there is a workaround. As part of the Content Formatting Plugin (included in Confluence Cloud), you have the CSS macro. You can embed this in one particular page, or you can also include this for all pages in a space/instance by including it in the space/instance header/footer options in the following format:

{css}
//CSS code goes here
{css}

You can also add CSS to the Styles field of some macros instead of using the CSS macro.

Didn't work for me; I put the following in my header and footer and it apparently gets overridden by something in Confluence Cloud during page load; element.style goes back to #515151



{style}#title-text{color: red}{style}

 

{css} is no longer a valid macro in Confluence Cloud

Stephen Deutsch Community Champion Jul 19, 2017

If you want to change the title color, then the following should work on Confluence Cloud which hasn't been upgraded to the new style:

{style}#title-text a{color: red}{style}

If you've been upgraded to the new ADG3 style, first of all, header and footer text doesn't appear to be working (as of this moment) at all. Secondly, even if it was working, the content of the page is now displayed in an iframe, so the style macro will only affect page content and can no longer affect anything outside of the page content frame.

We must be using the new ADG3 style.

WHY ATLASSIAN WHY?????

LET MY CSS WORK!!!!

Ask them how many support calls they've had that ended in "client has messed up".  Wouldn't you want to shut those down?

@Nic I would agree but they support site-wide and Space-wide stylesheets with self-hosted configurations.

That's got nothing to do with supporting Cloud.  Different beast entirely.

It seems that CSS in the header/footer does not longer work in the new layout.

Does anyone have a solution for this instead adding the css-macro to every page?

Possibly: in talking with some managed hosting providers, one mentioned they would theme our site based upon this add-on -- which is compatible with Atlassian Confluence Cloud: https://marketplace.atlassian.com/plugins/com.refinedwiki.confluence.cloud.refinedtheme/cloud/overview

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

2,941 views 27 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