nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Documentation Theme: Global CSS (in external file)

Stefan Eike2

Hi,

I would like to have two global CSS files in Confluence. I read the post "How do I override css / styles in the documentation theme?", but it did not help me so far.

I would like to have:

One stylesheet for the Dashboard and all themes, including specifications for header and fonts.
One stylesheet for the Documentation theme with special stuff.

I tried to import the stylesheet via Admin Panel > Administration > Look and Feel > Custom HTML > At end of the HEAD.

&lt;link rel="stylesheet" type="text/css" href="http://my.confluence.url.com/download/attachments/14073389/confluence.css" /&gt;

But that does not work in spaces, which are using the documentation theme, even if I specify the ID at the body element:

body#com-atlassian-confluence.theme-documentation

The CSS does only work, if I use it in a space stylesheet via My Space > Space Administration > Space Stylesheet.

I'd appreciate any kind of help.

Thank you very much and best regards!

Stefan

Accepted answers

Daniel Borcherding

Hello Stefan,

I mocked this up in my own instance and it seems to be working alright. If you past the link to your stylesheet in another window are you presented with the css that you expect?

You also may want to try uploading the stylesheet to a third party host. This would ensure there is no confounding factor of the content ID of the attachment being changed and you linking to an old version of the document.

If you have physical access to the machine and are running on our standalone version of Confluence the webroot is the <confluence_install>/confluence directory. You could make a css folder here and link to your stylesheet that way.

All comments

Stefan Eike2

There is another stylesheet in the header after my own. Maybe this stylesheet overrules mine.

Stefan Eike2

Strange, removing the last two stylesheets did not help. Firebug tells be, that my resource is not text...

Daniel Borcherding

Hello Stefan,

I mocked this up in my own instance and it seems to be working alright. If you past the link to your stylesheet in another window are you presented with the css that you expect?

Stefan Eike2

Hi Daniel,

thanks for your reply.

If you past the link to your stylesheet in another window are you presented with the css that you expect?

No, Confluence tried to download the file, instead of rendering it. I found the error. The CSS had the wrong content type.

I had to change it from application/x-upload-data to text/css. Now it works!

BEFORE

AFTER

Daniel Borcherding

Stefan,

Excellent catch! Sounds like you have a good handle on how this fix works.

Enjoy your upvotes!

Stefan Eike2

Hi Daniel,

thanks! Unfortunately the content-type switches back to application/x-upload-data, if I upload the file again. That does not make sense to me, because the object should have a content-type and not its version.

Sean King1

You can also post external style sheets using regular confluence markup. Not sure if you've tried this in the documentation theme's customation menu.

Wiki Markup would be:

{style:import=url}{style}

I haven't had any issues attaching an external .css file with this method.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

css