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

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

Harry Parfitt
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
February 12, 2021

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
Mark Campbell-Vincent
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
April 22, 2021

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!

Harry Parfitt
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
April 26, 2021

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
AUG Leaders

Atlassian Community Events