Edit the background image

There are a few ways to put your own custom picture in the background of a RapidWeaver theme.

Replace background with “Banner Image”

Optoin available in RapidWeaver 7+


Override Site Banner

In RW7 you can replace the current background. Just drag your image.

Edit background with Image editor


You can edit the background with any external image editor (Photoshop, Gimp, Pixelmator…).
Open the Theme content and all images ( contents/images/editable_images/image_…jpg).

Add your image with “resources” option in RW

Pasted Graphic 6

You’ll need to know how big the header picture is to start with. If you know already ( check the image size in the theme)
You can replace the image ( add another image) with the “resources” option of RW.

Page inspector/header/css/….code below

#extraContainer3box {
background-image: url(../../resources/first_image.jpg) !important; }

#contentBand{ background-image: url(../../resources/second_image.jpg) !important; }

Edit background with RWmultitool

With this external plugin for RapidWeaver you can edit all themes images ( inside a theme content).