Articles in this section
Category / Section

Celestial Violet Animated Alerts

Published:
8 mins read
Updated:

Below you can learn about the folder's contents and how to set up alerts.

Celestial Violet Animated Stream Alerts - Add a touch of elegance to your stream with our new Celestial Violet alerts! Choose from light and dark purple variations to match your brand. Easy to set up with either StreamElements or Streamlabs, our alerts come with detailed setup instructions to get you up and running in no time. Make your stream stand out with Celestial Violet!

This product contains

✦ Animated Alerts
✦ 8 alerts with icons + 1empty default ( Subscriber, Follower, Donation, Cheer… )
✦ StreamElements One Click Install Alertbox ( Instructions on how to use below )
✦ Streamlabs instructions + ( Custom CSS code for text delay included )
✦ 4 Sounds included

The font used is Alegreya of Bonnie ( which you can find in the " Font " folder )

The colors used are: #5A4C90 #EFC3E6 #B8BEDD #F0E6EF #D0D8FF

✦How to install/create/use alerts

╰┈➤ Streamlabs

The size of the alert box is 700x400 ( use that size for browser source size in OBS/Streamlabs )

Alerts Settings
Alert Layout: Text on the image ( Middle Box)
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
Info on line separate.png
Text Animation: Pulse
Upload WebM and Sound
Sound Volume: 50%
Alert Duration:  10 sec
Alert Text Delay: 0 sec

Celestial Violet Streamlabs.png


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 into the CSS tab )
Update only CSS code


Text Settings Font
Font name: Alegreya or any other font you like
Font Size: 30+px ( choose the size you prefer)
Font Weight: 500
Font Color: Any color you like

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 700x400( use the same size for browser source size in OBS)

Main Settings:
Alert Duration: 10sec
Layout: Text on the image ( First box in the Layout options )
Text Setting:
Font: Alegreya or any other font you like
Font size: 30 (depends on the amount of text)
Line height: 1
Advanced Text Settings
Margin: 120 ( Adjust if you change the size of the alert box )
Text Color: Any color you like
Animation Settings:
Text animation enter: Fade in
Text animation enter: Fade out
Text appearance: 1.5 sec
Text disappearance: 1 sec

Celestial Violet StreamElements.png



╰┈➤ One Click StreamElements Install

We have also included one-click installation alerts specifically for StreamElements users.
Please log in to StreamElements before following these steps to access these alerts.
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 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 to always have a backup of your alerts.

chrome_VpHawgdgZz.png

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