Announcement Banner

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.

3 answers

1 accepted

1 vote

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

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

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 :)

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

Good to know! Cheers!

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

0 votes

Hi Muhammad,

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

Best Regards,
Mario

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

0 votes

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.

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Forums

Product Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

Announcement Banner

3 answers

1 accepted

Suggest an answer

Was this helpful?

Thanks!

TAGS

Community showcase

Atlassian Community Events

Forums

Product Q&A

Community resources

Support

Top groups

Community resources

Support

Learn

Community resources

Support

Events

Community resources

Support

Announcement Banner

3 answers

1 accepted

Suggest an answer

Was this helpful?

Thanks!

TAGS

Community showcase

Atlassian Community Events

Welcome to the new Atlassian Community