Announcement Banner

Tayyab Bashir

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. 

I 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.

Capture.PNG

Capture1.PNG

unknown

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.