Articles in this section
Category / Section

Butterfly Bliss Stream Alerts

3 mins read

Below you can learn about the contents of the folder and how to set up alerts.
Bring your stream alerts to life with our Animated Butterflies Stream Alerts for Twitch events like subs, donations, cheers, and more. Compatible with OBS, Streamlabs, and StreamElements, these alerts will add a touch of elegance to your stream and make your content stand out. Impress your viewers and make your stream more interactive with these beautiful butterfly animations

This product contains

✦ Animated Alerts
✦ 12 alerts ( Subscriber, Follower, Donation, Cheer… )
✦ StreamElements One Click Install Alertbox ( Instructions on how to use below )
✦ Streamlabs instructions + ( Custom CSS code for text delay included )
✦ Sound included

The font used is Chillax ( you can find it in the “Font” folder, as the alternative font you can use Comfortaa Google font (
Colors used are: #221D3D / #8C7AFC / #CDC5FD

✦How to install/create/use alerts

╰┈➤ Streamlabs

Alerts Settings
Alert Layout: Text over the image ( Middlebox )
Alert Animation: Fade In / Fade Out
Message Template: Use default or you can use this templates

  • Follower – welcome {name}
  • Sub – welcome {name} x {amount}
  • Tip – Thank you {name} - {currency}{amount}
  • Cheer – {name} x{amount}
  • Raid – {name} raid x{amount} viewers


Upload WebM and Sound
Alert Duration: 10 sec
Alert Text Delay: 0 sec

For custom delay please use our CSS code ( which can be found in the Alerts Folder )
Click to Enable Custom HTML/CSS
( Copy text from the text document and paste it in the CSS tab )
Update only CSS code


Text Settings Font
Font name: Comfortaa Google font or Custom font Chillax
Font Size: 30+px ( choose the size you prefer)
Font Weight: 500
Font Color: #D1D3FF

Click save when you are done with edits you will need to repeat this step for all alerts you want to use, I do recommend clicking “Save” more times, sometimes Streamlabs has a delay and does not save from the first click

╰┈➤ StreamElements
The size of the alert box is 590x340 ( use the same size for browser source size in OBS)

Main Settings:
Alert Duration: 10sec
Layout: Text over the image ( First box in the Layout options )
Text Setting:
Font: Comfortaa Google font or Custom font Chillax
Font size: 35 (depends on the amount of text)
Line height: 1
Advanced Text Settings
Margin: 145 -150 ( Adjust if you change the size of the alert box )
Text Color: #D1D3FF
Animation Settings:
Text animation enter: Fade in
Text animation enter: Fade out
Text appearance: 2.8sec
Text disappearance: 1sec

StreamElements Setup.png

╰┈➤ One Click StreamElements Install

We have also included one-click installation alerts specifically for StreamElements users.
To access these alerts, please log in to StreamElements before following these steps.
Open the folder you downloaded/unzipped, then open the “Alerts Folder” double-click on the “StreamElements Premade Alerts” file, and the alerts will be created.
To access them, navigate to the “Overlays” tab in StreamElements Dashboard and you can start using your new alerts without any additional setup.
If you want to make changes, it is recommended that you create a duplicate of the alert box and edit the new copy overlay so that you always have a backup of your alerts.


Was this article useful?
Help us improve this page
Please provide feedback or comments