InsaneJournal

Tweak says, "Come along, Pond!"

Go to your Modify Journal page (https://www.insanejournal.com/modify.bml). Scroll down to the bottom and use the override code found below in your "Overrides" box.

Note that 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 (https://www.insanejournal.com/community/howto/1020.html).


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(https://www.your-website.com/image.jpg) !important;
}
-->
</style>
<=GLOBAL_HEAD


Within the code, "https://www.your-website.com/image.jpg" must be replaced by the actual URL of the image you want to use as your background.

Any image you wish to add must first be uploaded to a webspace provider that allows remote loading. Please see https://www.insanejournal.com/support/faqbrowse.bml?faqid=47 or information on image loading requirements.


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" to the middle line of the above override code, like this:


GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-image: url(https://www.your-website.com/image.jpg) !important;
background-attachment: fixed !important;
}
-->
</style>
<=GLOBAL_HEAD