So we now have 4 Tiers of Subscribers:
Prime
Standard
9.99
24.99
How can we add a new pop-up image dependent on the sub-type? Right now it comes up with only options of Sub, or Re-sub. We now need this for all 4 tiers.
Existing OBS code typically looks like this:
body {
background-color: transparent;
color: white;
}
#sub-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 110px;
background-repeat: no-repeat;
background-position-y: 0px;
background-image: url('http://i.imgur.com/YOURSUBIMAGE.png');
}
#resub-notification {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 575px;
height: 140px;
background-repeat: no-repeat;
background-position-y: 0px;
background-image: url('http://i.imgur.com/YOURRESUBIMAGE.png');
}
.subname {
margin-left: 65px;
padding-top: 65px;
width: 455px;
text-align: center;
line-height: 14px;
font-size: 34px !important;
font-family: Calbri !important;
font-weight: bold !important;
text-shadow: 2px 2px 1px #000 !important;
text-transform: lowercase;
color: white !important;
}
.months {
position: absolute;
top: 49px;
margin-left: 0px;
width: 165px;
text-align: center;
line-height: 14px;
font-size: 23px !important;
font-family: Calbri !important;
font-weight: bold !important;
text-shadow: 2px 2px 1px #000 !important;
text-transform: lowercase;
color: white !important;
}
.months::after {
content: " Months!";
}
.badge {
position: absolute;
top: 50px;
margin-left: 420px;
background-image: url("");
background-repeat: no-repeat;
background-size: 25px 25px;
width: 30px;
height: 30px;
-webkit-animation: rot 3s infinite linear;
}
.msg {
position: absolute;
top: 110px;
margin-left: 30px;
width: 90%;
text-align: center;
font-size: 28px;
font-family: 'Squada One', cursive;
text-shadow: 2px 2px 1px #000;
color: #FFF;
}
@-webkit-keyframes rot {
from {
-webkit-transform: rotate(0deg) translate(-30px) rotate(0deg);
}
to {
-webkit-transform: rotate(360deg) translate(-30px) rotate(-360deg);
}
}
How to we add the code for Prime/9.99/24.99?
