Folks out there may have downloaded a set of stream alerts from here, or somewhere else on the web (how could you?!) and added them to StreamLabs, only for the alert text to pop-up dead-centre of the graphic, probably not in the ideal position.
You’ll likely be sat there, scratching your head, wondering how to fix this, or why there isn’t a slider or option to give your text a little bump down. Well, I’ve always wondered the same thing, and, as far as the date of this posting at least (03/10/2017), such an option doesn’t exist. Don’t worry though, it is possible, just a little more complicated than you were anticipating.
First, navigate to your Alert Box settings page, under Widgets
Then select the alert you’re changing, I’m going with my host alert
Make sure you select to show the alert text OVER the image, NOT underneath it, then scroll down and select the Enable Custom HTML/CSS option
Select the CSS tab, and it will reveal a bunch of code to you. Navigate to the code that starts #alert-text and change the value from “padding:” to “padding-top:“, then tweak the number it’s point to. This number will need to be increased by varying amounts, depending on your alert, but as you can probably guess, you’re increasing the padding, pushing your alert text further down. For the host alert graphic from our Alpha Division overlay, I’ve increased the number from 20px to 240px, as shown below. And then saved.
As you can see from the following example, the text has been nudged down a considerable amount
As I mentioned, you can play with the number mentioned above until it works for you – not every Twitch alert will require the exact same amount of padding, but it’s as simple as that. A little tweaking of your code, and you’re able to move things in position with ease.
It can be tricky, but moving the text on your Twitch alerts in Streamlabs just needs some very basic coding knowledge, and knowing the right place to go in the Streamlabs control panel.
With over 150 stream graphics available, this can all get a little overwhelming. Perhaps you don't know your Twitch overlays from your stream alerts, or what exactly Professional Customisation means on our stream design pages. Well, take a look at our guides section.
My name's Lou and since 2014 I've designed & maintained everything you see, from website to stream overlays. Twitch Overlay isn't impossibly large teams with zero accountability - any order or contact you make, you're talking to me and me alone so feel free to get in touch.
Our newsletter is quite literally just an excuse for us to give away paid content. Over the past year we've given away VX Pro Chroma, Razor Purple, and Carbon stream overlays (each worth between $10-12) simply as a thanks for being subscribed. And when we're not doing that we're putting exclusive discounts in there, so generally it's a win-win.
If your stream is picking up a little momentum and you're looking into ways to monetize, consider giving our affiliate program a try. The minimum requirements to join are very fair, and as you grow and refer more people our way, we'll bump up your cut! Plus once you become a preferred affiliate you can request any overlay at no cost.