Gif image is getting duplicated

Visual Alerts
#1

Hey guys!

Im using the streamtip visual alerter already some time and I decided to make it look a
bit more fancy, so I tried to implement a GIF instead of the static background.
The GIF itself works but the problem is that the GIF gets repeated inside of the alert so many times until
there is no space anymore. It’s a bit hard for me explain so here just a picture of how the Alert looks right
now. I guess you will see what I mean:

I just want to let link appear once or twice left and/or right of the donater and the amount.

All I did to implement the GIF was just replacing the imgur link in the Alert URL.

I also tried to implement this tiny code into the CSS, but it didn’t help at all:

follower-alert {
background-repeat: no-repeat !important;
}

Maybe I implemented it wrong?
I would appreciate every help ^.^/

#2

should be

#follower-alert {
    background-repeat: no-repeat !important;
}

If you don’t know CSS fully, here’s a tutorial.

#3

That was actually the code I used. I just deleted the # because it was writing the text bold-ish :stuck_out_tongue:
(Didn’t see you have this code-function)

It’s still not working tho. Browsing right now through the tutorial but the background section isn’t really much of a help.

Edit: I’m dumb. The code works, it’s just not a follower alert, it’s the tip-alert :smiley:
So for future reference:

#tip-alert {
background-repeat: no-repeat !important;
}

Thanks alot!

#4

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