Editing theme images using a warehouse technique
In some instances, the images you want to set as a body background or banner background may already be available to you on the internet. Some people prefer using 'warehoused' images, because they have complete control over the size and format of images. It can also enable images to be updated remotely, so for example a client may be able to change the background image in a banner container, without having access RapidWeaver itself or republish the website. Remember to respect copyright and only use images that you have permission to reuse in your website design! To embed images from a warehouse, use some custom CSS code like this:
#header { background-image: url(http://www.example.com/image1.jpg); }
The selector name (in this case 'header') may need changing to reflect the theme you're using and the name of the element you are applying the background image to. The image gets called via a URL, and this will need updating to point to the location of the image. Always use a full URL, remembering to include 'http://' or 'https://' at the start of the address. The CSS background image property is very powerful and other properties can be added to control image position, fixture and repeat. Searching online for 'CSS background image' will reveal many more informational websites and tutorials covering the use of CSS background images.
It should be pointed out as well that HTML image tags can also be used in some circumstances to embed images within a page, This is particularly useful if the area where you want the image displayed (such as a banner container) contains an Extra Content container absolutely-positioned in the top left of the region. Typically some basic HTML code like this (embedded into the corresponding Extra Content container) can be used to pull in an image:
Much alike the CSS technique, the image gets called via a URL, and this will need updating to point to the location of the image. Always use a full URL, remembering to include 'http://' or 'https://' at the start of the address. An ALT attribute (alternative text) must be provided in order for the page to validate.