Requesting some help with my Sub+Donation popup! :)

[kotlguy]

I have 2 images for my subscriber and donation pop ups, just looking to get it so that the persons name pops up in the blank area.
Nothing much more than that.

Images are a bit big for a popup notification.. so maybe they could get scaled down a little bit?

thanks so much ahead of time!

[ExpertsOnline]

Sub

Width: 625
Height: 250

Link : http://deepbot.tv/notifications/subnotification1.htm

CSS

Code: [Select]

body {
    background-color: transparent !important;
    color: white !important;
}
#sub-notification {
    display: none;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    width: 625px !important;
    height: 250px !important;
    background-image: url('http://i.imgur.com/VEZuSVh.png') !important;
    background-repeat: no-repeat !important;
    background-position-y: 0px !important;
}
#sub-notification .subname {
    margin-left: 00px !important;
    padding-top: 165px !important;
    width: 620px !important;
    text-align: center !important;
    line-height: 14px !important;
    font-size: 44px !important;
    font-family: Verdana, Geneva, sans-serif !important;
    text-shadow: 2px 2px 1px #000 !important;
    color: #FFF !important;
}

Preview:

Donation

Width: 625
Height: 250

Link : http://deepbot.tv/notifications/donationnotification2.htm

CSS Code:

Code: [Select]

#donor-notification {
width: 625px !important;
height: 250px !important;
background-color: transparent !important;
background-image:url('http://i.imgur.com/gk7fSDK.png') !important;
background-repeat: no-repeat !important;
background-size: initial !important;
}


#donor-notification .header {
position: absolute !important;
visibility: hidden !important;
}

#donor-notification .streamname {
visibility: hidden !important;
}

#donor-notification .message {
visibility: hidden !important;
}
#donor-notification .amount {
font-size: 42px !important;
font-family: Corbel !important;
color: #FFF !important;
font-weight: bold !important;
-webkit-text-stroke-width: 1.0px;
-webkit-text-stroke-color: #444;
text-shadow:3px 3px 5px #000;
}
#donor-notification .donor {
font-size: 42px !important;
font-family: Corbel !important;
font-weight: bold !important;
color: #FFF !important;
-webkit-text-stroke-width: 1.0px;
-webkit-text-stroke-color: #444;
text-shadow:3px 3px 5px #000;
}
#donor-notification .donor:after {
content: ' - ';
}
#donor-notification .title {
padding-top: 145px !important;
padding-left: 00px !important;
width: 620px !important;
float: left !important;
text-align: center !important;
}

Preview:

[kotlguy]

Perfect! Thank you so much!!!