New Follower Image

[Smudgey]

Follower Alert

Image Link: http://imgur.com/rdmJOpp
Font Style/Link: Bubblegum, white fill black outline, http://www.dafont.com/bubblegum.font
Font Color:
Any text fill/boarder?: No
Where do you want text located? (Follower Name): In the rectangle
Example (If applicable):
Anything else?: Nope, I take it this automatically has a small animation when used with deepbot?

Grateful for any help !

[TheNumbLock]

Requested by: Smudgey

Follower:

Link: http://deepbot.tv/notifications/follownotification1.htm
Width: 900
Height: 250

CSS Code:

Code: [Select]

#follow-notification {
display: none;
position: absolute;
top: 0px !important;
left: 0px !important;
width: 876px !important;
height: 176px !important;
border-radius: 00px !important;
background-size: contain !important;
background-image: url(http://i.imgur.com/rdmJOpp.jpg) !important;
background-repeat: no-repeat;
}

#follow-notification .header {
visibility: hidden !important;
}

#follow-notification .followname {
position: absolute !important;
text-align: center !important;
margin-top: 60px !important;
margin-left: 385px !important;
width: 300px !important;
font-size: 38px !important;
font-weight: normal !important;
font-family: Bubblegum !important;
color: white !important;
text-transform: capitalize;
-webkit-text-stroke-color: #b80000;
-webkit-text-stroke-width: 0px;
}

.followname:before {
content: '' !important;
}

.followname:after {
content: '' !important;
}

Preview: (If there is a black background, it is just my background.)

[Smudgey]

Hi, thanks very much but some of the followers don't appear in the centre? I'm not sure if it is because I've got a slightly different image...?

Grateful for any help!

http://i.imgur.com/7J24tGN.jpg

[TheNumbLock]

Using OBS Classic or Studio? Or xSplit?

What URL are you using for the CLR Browser?

[Smudgey]

OBS Studio. (browser source)

http://deepbot.tv/notifications/follownotification1.htm

[TheNumbLock]

OBS Studio. (browser source)

http://deepbot.tv/notifications/follownotification1.htm

Strange, it works for me:



Can you screenshot how it looks for you?

[Smudgey]

Sorry I should have been clearer. I just meant some names seem to be off centre. I'll screenshot next time I come across the problem.

Thanks for your help.

[Smudgey]

Hi,

I am now trying to use deepbot with donations too. Image is here: http://i.imgur.com/EteHfbB.jpg

I wondered whether you could use big noodle tilting for the top part (name and donation amount)
For the message bubblegum font would be good, but happy for you to make your judgement if it isn't clear enough or doesn't fit right. Thanks a lot!