How can I move Real TimeAlert System notification box?
2 posters
Page 1 of 1
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.
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.
Re: How can I move Real TimeAlert System notification box?
Modify the first rule in the CSS.
- top:50px;
+ bottom:50px;
Here's the whole CSS modified, if you cannot find it.
- 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;
}
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum