Please note that content background images may not re-size proportionally on tablet and handheld devices. Failure to do so may prevent the image from displaying upon publishing your site).
(Please ensure that the name of your image is all lowercase and does not contain any spaces, characters, or symbols. Only Extra Content Areas 2-7 are useable options. Replace the "my-image" with the name of the image AND if utilizing the Extra Content Area, replace the ? with the appropriate Extra Content numbered area. The Custom CSS box is located towards the center of the panel and labeled CSS): A panel will appear - please click on the Header label.
#Rapidweaver 6 tutorial code#
Insert the following code in the Custom CSS box within RapidWeaver (The Custom CSS area can be found by clicking on the Page Info icon at the top-right side of your project file. (Please note that the Resources area is limited to RapidWeaver 5).Ģ. The Resources area can be found on the left hand column of RapidWeaver just below your webpages. Images with small dimensions may not display properly due to the size of the banner area on larger viewing devices).
Click and drag your image into the Resources area of the project file (banner images used on the preview site of Codex measured 1100px x 700px. To utilize Codex's built-in banner area for display of your images, please follow the instructions below.ġ.