Help with Follow Alert CSS

Visual Alerts
1

Hello there!

I’m working on a follow alert notification for my stream, and I’d like to mimic this from my main game:
imgur.com/bktHSVM

I’ve managed to make it look like this: imgur.com/arZrZeX
Here’s the CSS Code I use currently: http://pastebin.com/wspbQ3cL
CLR Browser dimensions are 540x100

Preview URL: https://www.nightdev.com/hosted/follower-alert/?channel=fr3qu3ncy&type=custom-centered&alert=http://imgur.com/KMW7Agv.png&sound=39719&preview=true

Let me know if you need more information!

Thanks for your time, freq

2

Try the following CSS:

::-webkit-scrollbar {
  visibility: hidden;
}
body {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px auto;
  duration: 1s;
}
#follower-alert .text {
  margin-left: 150px !important;
  width: 355px !important;
  line-height: 16px !important;
  white-space: normal !important;
  padding-top: 55px !important;
  height: 40px !important;
  text-align: left !important;
  
  color: #fff !important;
  
  font-size: 16px !important;
  font-family:'Franklin Gothic Medium' !important;
}
#Follower-alert .text:before {
  content: "A bounty has been placed on ";
}
#Follower-alert .text:after {
  content: ". Kill them to claim the reward.";
}

Unfortunately I haven’t found a way to change color of just the username…

1 Like
3

Perfect, thanks a lot man, really appreciated. Any way to control the volume, perhaps?

4

I think we have to use a program to manually change the volume from what I’ve read - Audacity is a nice little free piece of software for just the thing :slight_smile:

5

Yeah, I thought so. :slight_smile:

6

This topic was automatically closed after 62 minutes. New replies are no longer allowed.