Username effect problem?

Hi, so im trying to get this as my background to my username: https://i.imgur.com/Sv3ky3v.gif

I can do it, and it works, but only the top part of the gif displays since the picture is too big in width. The flames get cut off. 

Is there any way I can center/move the image so that the bottom portion of the pictures gets displayed behind my username? thanks in advanced!

Hello RobChief,

Try using these properties in your username code:

Code:

background-position:center bottom;
background-image: url("http://i.imgur.com/Sv3ky3v.gif");

You don't need background image if you already have it set, just adjust the image with the background position property. For a list of values consult the following link.

http://www.w3schools.com/cssref/pr_background-position.asp

SethC1995 wrote:Hello RobChief,

Try using these properties in your username code:

Code:

background-position:center bottom;
background-image: url("http://i.imgur.com/Sv3ky3v.gif");

You don't need background image if you already have it set, just adjust the image with the background position property. For a list of values consult the following link.

http://www.w3schools.com/cssref/pr_background-position.asp

Thank you SO much!!! However, I found it better to remove the "bottom" from background-position:center bottom;
Thank you for the fast response  Solved!!