How do I edit global CSS for links in my Confluence cloud instance?

By default, links in the main content area of Confluence pages are differentiated by color alone, which is an accessibility bug. I'd like to update the CSS so that links in the main content area are underlined without having to edit each and every template and blueprint with a custom CSS macro. Surely, there must be a global CSS file that can be customized, but I can't seem to find it in my Confluence cloud instance. Please advise.

2 answers

1 accepted

1 vote
Accepted answer
Steven Behnke Community Champion Oct 17, 2016

This is literally disabled in Confluence Cloud. 

FeatureEnabled in Cloud?...

Look and feel

  • Layouts
  • Custom CSS

No 

As Confluence uses a custom theme, it is not possible to customize the layout.

It is also not possible to style Confluence with CSS.

Custom HTML

No 

 

https://confluence.atlassian.com/confcloud/restricted-functions-in-confluence-cloud-734070955.html

Thanks for the quick response, Steven. Greatly appreciated. Not exactly the answer I was hoping for, but at least now I know why I couldn't find the needle in the haystack since the needle wasn't even there.

I'll submit a bug report for the accessibility problem so hopefully the default styling can get repaired by Atlassian.

Steven Behnke Community Champion Oct 17, 2016

While I cannot possibly vouch for how long this workaround may be functional, this may be of interest – 

  • There's still the Adaptavist Content Formatting Macros add-on installed in the Confluence Cloud system. This add-on provides several free macros, one of which is is called CSS Formatting macro. This macro allows you to define arbitrary CSS in a page-macro.
  • The Confluence Default Theme allows you to, in each Space Administration section, set HeaderFooter, and Sidebar content in wikiformat.

Combining these two features (ie - stick a css macro in a space footer) could allow you to define space-level CSS styling – Still not ideal but IMO this could be a comparable workaround.

Stephen Deutsch Community Champion Oct 17, 2016

There's also a global "Header, Footer, and Sidebar" section, so putting it there would probably apply it globally. Note that the syntax is like this:

{css}
<CSS code goes here>
{css}
Steven Behnke Community Champion Oct 18, 2016

Gah! There's a global header, footer, sidebar?! Awesome! Thanks Stephan! I did not know that.

This does not work as of the current date. Error message: com.atlassian.confluence.content.render.xhtml.migration.exceptions.UnknownMacroMigrationException: The macro 'css' is unknown.

A bit surprised that you can't do basic theme editing in confluence. I would love to just be able to change say font and colour for an H1 tag. 

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Nov 29, 2018 in New to Confluence

How to use Confluence Cloud for stakeholder management

Most of us don’t need much convincing that stakeholder management is important. It just makes sense that keeping everyone in-the-know on projects and assigning clearly defined roles is key to having ...

1,006 views 0 5
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