The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I move Real TimeAlert System notification box?

2 posters

Go down

Solved How can I move Real TimeAlert System notification box?

Post by Van-Helsing May 26th 2015, 1:52 pm

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.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I move Real TimeAlert System notification box?

Post by Ange Tuteur May 26th 2015, 9:13 pm

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;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I move Real TimeAlert System notification box?

Post by Van-Helsing May 26th 2015, 9:56 pm

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

~1~
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I move Real TimeAlert System notification box?

Post by Ange Tuteur May 26th 2015, 10:16 pm

Welcome thumleft

Topic archived
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum