CSS Linked from SharePOint Asset Library Does Not Render Correctly

Question

So, I have the weirdest thing happening! When I link to a css file hosted from within SharePoint Online for our Intranet, the page is rendered super wonky. But when I place the CSS directly in the page with a Style macro or link to it via raw BitBucket, GitHub, or via CDN, it works just fine. Anyone else experienced this? Any thoughts?

Shannon S · Answer

Hi Charisma,

My apologies; without an example it's hard to tell exactly what you were looking to format with your CSS. Since the {style} macro in Confluence formats only the page itself (by use of iFrame) it gets around the restriction of not being able to format Confluence itself with CSS. So if you were looking to only format a single page then this is a good use for that macro. The bug I sent you was in regards to formatting Confluence as a whole, or an entire space.

As for the issue with SharePoint and sending CSS to Confluence, I am unable to find any known issues regarding this. They have not been reported as a support ticket, or as a bug.

However, I wanted to let you know that due to our improvements in the new editor we're rolling out, the style macro has been deprecated and has already been removed from a few instances.

There are a few other macros that will be obsolete or deprecated, so have a look below for more information on what those are:

* We're cleaning up the macro browser

If you have any feedback regarding these changes, please feel free to send it by using the Send Feedback menu item when clicking your avatar in the bottom left-hand corner of Confluence.

Kind regards,

Shannon

Charisma Riley_exj4sv · Answer

CSS is completely allowed in Confluence Cloud via the Style macro (and many third-party macros, which we do not use). It also has an import function—and it works properly. But not when I import from our SharePoint Library. So I am wondering if anyone knows if there is an issue with SPO adding in metadata or something when delivering the file, because BItBucket, github, and CDN CSS files work just fine.

Shannon S · Answer

Hi Charisma,

It's not possible to customize CSS in Confluence Cloud. Have a look at Functional Differences in Confluence Cloud:

On Atlassian Cloud, Confluence uses a custom theme, which cannot be modified or updated using custom HTML or CSS (not supported). For more information on custom themes in Confluence Cloud, refer to  Working with Themes . Confluence Cloud Developer community: You can also create your own theme for Confluence Cloud. Check out the  Theme page  in our Confluence Cloud Developer documentation.

Additionally, I believe you might have been importing them the following way, but it appears there is a known issue that is causing the import feature to not work anymore.

* CONFCLOUD-53669
* CONFCLOUD-53128

Can you have a look and confirm that?

Regards,

Shannon