There is no alert configuration that scrolls the text, only labels. You would need to create it enabling Custom CSS for each alert. Here is an example of code you can use for followers (and can replicate for the subs, raid, etc). This will create the scrolling text "USERNAME is now following!"
Create the alert (+ button > Alerts > AlertBox). Click on the gear icon on Follower alert, enable the option "Enable custom CSS" and click on "Open CSS Editor"
In the HTML tab, replace the content with the following code:
<div id="text"></div>
In the CSS tab, replace it with the following code:
.marquee {
height: 150px;
overflow: hidden;
position: relative;
}
.marquee p {
font-size: 100px;
position: absolute;
color: #FFFFFF;
width: 100%;
height: 100%;
margin: 0;
transform: translateX(100%);
animation: scroll-left 6s linear infinite;
}
@keyframes scroll-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
For the JavaScript (JS) tab, replace it with the following code:
const username = '{{name}}'
const textElement = document.getElementById('text');
const pElement = document.createElement('p');
const bannerMessage = document.createTextNode(`${username} is now following!`);
textElement.className = 'marquee';
pElement.appendChild(bannerMessage);
textElement.appendChild(pElement)