?

Log in

Frequently Asked Question #97. How do I add a background image in S1?

This FAQ applies only to the old style system (S1), which is no longer supported. See this FAQ for instructions for the newer style system.
Switch to S2 for the latest features and themes.

You can add a background to your journal through the use of a GLOBAL_HEAD override, which can be entered in the Overrides section on the Journal Display page. Any image you wish to use must first be uploaded to a webspace provider that allows remote loading to LiveJournal.
If you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), you will need to merge them together.

The following override will add a background image to your journal:
GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://www.example.com/image.jpg) !important;
}
-->
</style>
<=GLOBAL_HEAD
Within the code, http://www.example.com/image.jpg must be replaced by the actual URL of the image you want to use as your background. If you would like to change the size of your background image, you will need to use a image editing program to do so; you can then re-upload the image. There is no way to stretch your background image.

On some newer browsers, background images can be "fixed," so that the image will not move as you scroll down the page. To do this, just add background-attachment: fixed !important; to the middle line of the above override code, like this:
GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(http://www.example.com/image.jpg) !important;
background-attachment: fixed !important;
}
-->
</style>
<=GLOBAL_HEAD

Further Reading

Last Updated: January 4th, 2011

FAQ Navigation

Ask a Question

If you can't find what you're looking for, open a support request and we'll get back to you.