How can I move Real TimeAlert System notification box?

Hello,
How can I move Real TimeAlert System notification box to the bottom instead of the top of forum? I tried to move it with CSS without success.

Modify the first rule in the CSS.

- top:50px;
+ bottom:50px;

Here's the whole CSS modified, if you cannot find it.

Code:

.realTime_alert {
  background:#FDFDFD no-repeat 10px center;
  -webkit-background-size:50px;
    -moz-background-size:50px;
      -o-background-size:50px;
          background-size:50px;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
    -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
          box-shadow:0 0 4px rgba(0,0,0,.6);
  position:fixed;
  bottom:50px;
  right:20px;
  min-height:60px;
  font-size:13px;
  width:200px;
  padding:10px 10px 10px 70px;
  font-family:Helvetica, sans-serif;
  color:#474747;
}

.realTime_alert b {
  display:block;
  margin-bottom:5px;
  font-size:15px;
}

.realTime_alert .close {
  position:absolute;
  right:10px;
  top:5px;
  font-size:15px;
  -webkit-border-radius:50px;
    -moz-border-radius:50px;
          border-radius:50px;
  height:16px;
  width:16px;
  text-align:center;
  line-height:13px;
  cursor:pointer;
}

.realTime_alert .close:hover{
  color:#FFF;
  background:#666;
}

#ebtzd .tooltip {
  opacity:0;
  position:relative;
  overflow:visible;
  z-index:100!important;
  display:inline-block;
  top:5px;
  -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
      -o-transition-duration:500ms;
          transition-duration:500ms;
  background:rgba(0, 0, 0, .8);
  padding:10px;
  -webkit-border-radius:3px;
    -moz-border-radius:3px;
          border-radius:3px;
  font-family:Helvetica;
  letter-spacing:1px;
  font-size:13px;
  width:300px;
  color:#fff;
}

Hello @Ange Tuteur,
Ok I found it and fix it. Thank you very much its solved.

Welcome

Topic archived