Use custom CSS on a status page

You must set up a custom domain (e.g. status.companyname.com) in order to publish custom CSS.

Where Custom CSS Gets Inserted

Anything entered into the custom CSS field gets put into an external style sheet that will be included in the <head> of the document. This external stylesheet is inserted after the main stylesheet so that you can override styles as you see fit.

Check out our Customizations cookbook for helpful code snippets to customize your page!

Security headers such as X-Frame-Options are not allowed in status pages to enable cross-origin requests.

Notable Existing CSS Classes

There are several CSS classes defined by default that you'll want to be aware of

 

 

Still need help?

The Atlassian Community is here for you.