Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Removing empty space between top of page and header image as well as the "All Systems Operational"

I am trying to remove the space in the two boxes shown in picture below but unable to find how to do this using custom CSS as we're not having custom domains. Any ideas?

I don't have any CSS knowledge so sorry if this is very simple.

2021-02-12_125116.jpg

1 answer

1 accepted

0 votes
Answer accepted

Hi @Harry Parfitt -

 

There's a bit of CSS needed since you aren't able to use Javascript. I've provided what is needed below to accomplish what you're trying to do.

 

Removing the spaces using CSS:

.layout-content.status .masthead-container.basic .masthead {
padding-top: 0px;
}
.layout-content.status .masthead-container .masthead {
margin-bottom: 0px;
}

 

 Removing the 'All Systems Operational' top level status banner using CSS:

.layout-content.status.status-index .page-status {
text-indent: -9999px;
margin-bottom: 0px;

}

.layout-content.status.status-index .page-status.status-none {
background-color: transparent;
border: 0px;
}

 

That will look something like this:

Screenshot_4_22_21__3_14_PM.png

 

Hope this helps!

Good Morning @Mark Campbell-Vincent, Thank you very much for this it has provided exactly what we needed :)

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PERMISSIONS LEVEL
Site Admin
TAGS
Community showcase
Published in Statuspage

New feature: Slack notifications for Statuspage

We're excited to announce the release of a long-requested feature on Statuspage. Now visitors to your status page can subscribe to get notified in Slack when you report an incident or maintenance. Th...

2,013 views 5 19
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you