How to change the background of your profile with CSS To see the rest of the video tutorials, please go to our RunnerSpace Help Center.
Where To Go: Go to "My Account" Click on "Profile Design" below the Members tab on the navigation bar. Scroll down to the bottom of the page to the CSS code box.
What To Do: Change Background to a Color In the CSS code box copy and paste the following code:
body { background-color: #123456; }
To
determine what color you want for your background, simply replace the
123456 above with the color code of the color you want. See the bottom
of this tutorial for a way to find codes for virtually any color.
What To Do: Change Background to a Picture In the CSS code box copy and paste the following code:
body { background-image: url(http://www.example.com/picture.jpg); }
To determine what picture you want for your background replace the web URL (http://www.example.com/picture.jpg) with the URL, or web address, of
the picture you want. Check out this site for some cool background pics: http://www.wallpaperbase.com/
Options: Fixed Background Picture: Sets
the background image to fixed so it does not scroll with the rest of
the page. In addition to the background-image code above, add in this
line of code:
background-attachment: fixed;
The new code will look like this:
body { background-image: url(http://www.example.com/picture.jpg); background-attachment: fixed; }
Options: Scolling Background Picture: Sets the background image to scroll with the rest of the page. In
addition to the background-image code above, add in this line of code:
background-attachment: scroll;
The new code will look like this:
body { background-image: url(http://www.example.com/picture.jpg); background-attachment: scroll; }
If you have any trouble with this or have other questions, send us a message. We'll be happy to help you.
