Somone help please!

[milan005x]

So I decided that i will use NightDev as my follower alert system and i followed all the steps for making it possible in my OBS… I made my custom look for the notification and set it to Use my own - Text centered and copied the url to obs etc. But as i preview the alert the text NEVER is in the center, i tried many CSS combinations but i dont know why it isnt in the center, so please if anyone has a clue or is an expert in CSS , help me!!

ScreenShot: https://gyazo.com/e9df1a8fc4d1689aada0d1697c9b458b

[xgerhard]

Post the link from the alert and the CSS you’re using, then I can take a look.

[milan005x]

URL :

https://www.nightdev.com/hosted/follower-alert/?channel=milan005x&chroma=false&alert=https%3A%2F%2Fdl.dropboxusercontent.com%2Fs%2Fla4ky7pg16m3wdw%2Ffollow-alert-1462715010674.jpeg%3Fdl%3D0&transition=slide-down&sound=https%3A%2F%2Fdl.dropboxusercontent.com%2Fs%2Fn95aarh8nlx0f64%2Ffollow-alert-1462715015623.ogg%3Fdl%3D0&align=center

CSS code :

body {
    background-color: transparent;
    color: white;
}

#follower-alert {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 110px;
    font-family: Arial;
}

#follower-alert .text {
    width: 580px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 42px;
    line-height: 45px;
    vertical-align: 8px;
    font-size: 45px;
    font-family: Arial, sans-serif;
    font-weight: Semibold;
    text-shadow: 0px 0px 0px #000;
    white-space: nowarp;
    color: #ffffff;
}

[night]

In your .text CSS, you’re playing with the margins. We already center the text for you, so you should not mess with margins to try and center the text yourself.