WatchNon-threaded

Forums » Newbie Central » Read Message

Don't know your Pages from your Links? Stuck in the editor? Find some expert help here.

Background images...

3 years ago

Hello all. I have been around for a little while, but I am working on the presentation for a story I have nearly completed (my first). My goal is to have some kind of neat background for various pages.

I followed the guide for a Creative Title Page on adding a background image, and it worked to some extent. When I set an image as the background it shows up, but it does not size to fit the screen. Instead it retains its original dimensions and the same image just repeats itself like a checkerboard. Is there any way to avoid that by centering the image or making it fit to the window? 
This is the exact text I have (except an actual url) typed into the title field for the page I want to edit, including changes to the font, etc: 
<font size="5" color="WHITE" face="DIDOT">Chapter One<body background="http://imageurlhere.jpg"> 


Thank you so much for your help.

Cheers

Background images...

3 years ago

Use CSS:

<style>body{background: url(http://imageurlhere.jpg) center center / cover fixed;}</style>

That'll center the image and scale it to fill the dimensions of the window.

Background images...

3 years ago

Perfect! Thank you so much! I have been struggling with this for awhile.

Cheers!