Announcement Banner

Tayyab Bashir Community Champion Dec 07, 2015

Hi, 
I added a little script and css in the announcement banner to make this clock down appear, but when I do that somehow my added CSS or javascript is messing with the  JIRA Interface. 
See the attached screenshots. 

don't want the appearance of JIRA to change in anyway after adding the code in banner. 

 Any suggestions? 

Capture.PNGCapture1.PNGSee how the linings and appearance has changed after I added the script.

3 answers

1 accepted

What I suspect here is that you have put an updated a common css (like <h1> or <body>) in your clock that JIRA is also using that affected its own display. Check that.

To get around this, rename all the css tags that you have for your clock so it. Like..

myclocktimer-body{
    text-align: center;
    background: #00ECB9;
  font-family: sans-serif;
  font-weight: 100;
}
myclocktimer-h1{
  color: #396;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}
#myclocktimer{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

 

Also, as Jonas pointed, please share the code so we can be sure what it is.

Tayyab Bashir Community Champion Dec 07, 2015

I was using <body> tag and applying css to it as: body{ text-align: center; background: #00ECB9; } so now I referred to that with its ID in css, Now things are working fine. Thank you :)

Showing the html/javascript could be useful, but without it i can only recommend you to make sure you use w3 complient html5, where you make an extra effort closing all tags and not reusing frame-names.

Hi Muhammad, 

please ensure that you don't have duplicate classes or ids in your clocks css definition.

Best Regards,
Mario 

Suggest an answer

Log in or Join to answer
Community showcase
Emilee Spencer
Published yesterday in Marketplace Apps

Marketplace Spotlight: DeepAffects

Hello Atlassian Community! My name is Emilee, and I’m a Product Marketing Manager for the Marketplace team. Starting with this post, I'm kicking off a monthly series of Spotlights to highlight Ma...

50 views 0 3
Read article

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot