Home > How To > How to add a page background

How to add a page background

A background image can be added to a page by doing the following:

  1. Edit the page

  2. Switch to html view
  3. Add the following to the top of the HTML code: <style>body{background-image:url(images/backgroundimage.gif)}</style>



  • Substitute 'backgroundimage.gif' with the name of the image that you want to display.
  • If you want to upload a background image to your project, you can do so using the 'Image Manager' found on the editor toolbar.

Add background to multiple pages
If there are multiple pages that may have a background, you could also implement this in a variable (Tools > Variables). If the variable name was “backimage” you would just add [backimage] to each page that you want to add a background.


Applies To

HelpConsole 2010

Article ID:
Views: 1351
Created By: admin
Modified By: admin
Created Date: 5/1/2013 3:15 PM
Last Modified: 5/1/2013 3:15 PM
Print This Article
Email This Article
Previous Article
Next Article

Was this page helpful?YesNo