RapidWeaver Themes by NimbleHost - Documentation

Some sections may refer to the "Action" button in the Finder.

Adding custom Page Banner images to Qube:

Once you've installed Qube, navigate to where the theme is stored on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the Qube.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/editable_images folder. Place your custom header images here, in either png or jpg format, and rename them:

Page banner images should be labeled: image1.jpg, image2.jpg, etc. up to image25.jpg - images 26-50 are for png files, e.g. image26.png, image27.png, and so forth.

That's it, you're done!

To add your own custom theme background images to Qube - Follow the same directions above, but when renaming use the following:

background1.jpg, background2.jpg, etc. up to background10.jpg - backgrounds 11-20 are for png files, e.g., background11.png, background12.png, and so forth.

If you're having problems with the above directions, try this alternative method:

Open your project in RapidWeaver and make sure you're in Edit mode.
Open the Page Inspector and click on the “Header” tab.
Select the “Assets” tab on that window (about halfway down).
Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
Paste this css into the Custom CSS field:

.headerImage {
background-image: url(assets/yourcustomimage.jpg);
}

***Make sure to change the image file name (highlighted red above) to match what you added in the Assets tab.

That will give you a custom banner graphic of your choosing on every page you like.

Adding custom Page Banner images to Phelix:

Once you've installed Phelix, navigate to where the theme is stored on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the Phelix.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/editable_images folder. Place your custom page banner images here, in either png or jpg format, and rename them:

Page banner images should be labeled: image1.jpg, image2.jpg, etc. up to image25.jpg - images 26-50 are for png files, e.g. image26.png, image27.png, and so forth.

That's it, you're done!

To add your own custom theme background images to Phelix - Follow the same directions above, and just make sure your image is labeled correctly (the correct labels are listed in Phelix's theme options under the 'Theme Background' section).

If you're having problems with the above directions, try this alternative method:

Open your project in RapidWeaver and make sure you're in Edit mode.
Open the Page Inspector and click on the “Header” tab.
Select the “Assets” tab on that window (about halfway down).
Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
Paste this css into the Custom CSS field:

#headerImage {
background-image: url(assets/yourcustomimage.jpg);
}

***Make sure to change the image file name (highlighted red above) to match what you added in the Assets tab.

That will give you a custom banner graphic of your choosing on every page you like.

Adding custom Page Banner images to Mirage:

Once you've installed Mirage, navigate to where the theme is stored on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the Mirage.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/headerImages folder (or /Contents/images/backgroundImages for theme background images). Place your custom images here, in either png or jpg format, and rename them:

Page banner images should be labeled: image1.jpg, image2.jpg, etc. up to image20.jpg - images 21-30 are for png files.
Theme background images should be labeled: pattern1.png, pattern2.png, etc. up to pattern5.png - patterns 6-10 are for jpg files.

That's it, you're done!

If you're having problems with the above directions, try this alternative method:

Open your project in RapidWeaver and make sure you're in Edit mode.
Open the Page Inspector and click on the “Header” tab.
Select the “Assets” tab on that window (about halfway down).
Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
Paste this css into the Custom CSS field:

#headerImageUpper, #headerImageLower {
background-image: url(assets/yourcustomimage.jpg);
}

***Make sure to change the image file name (highlighted red above) to match what you added in the Assets tab.

That will give you a custom banner graphic of your choosing on every page you like.

Adding custom Page Banner images to Glide:

Once you've installed Glide, navigate to where the theme is store on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the Glide.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/editable_images folder. Place your custom page banner images here, in either png or jpg format, and rename them:

Page banner images should be labeled: banner1.png, banner2.png, etc. up to banner10.png - banners 11-20 are for jpg files.

That's it, you're done!

If you're having problems with the above directions, try this alternative method:

Open your project in RapidWeaver and make sure you're in Edit mode.
Open the Page Inspector and click on the “Header” tab.
Select the “Assets” tab on that window (about halfway down).
Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
Paste this css into the Custom CSS field:

#pageBanner {
background-image: url(assets/yourcustomimage.jpg);
}

***Make sure to change the image file name (highlighted red above) to match what you added in the Assets tab.

That will give you a custom banner graphic of your choosing on every page you like.

Adding custom Page Banner images to Unity:

Once you've installed Unity, navigate to where the theme is store on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the Unity.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/pagebanner/ folder. Place your custom page banner images here, in either png or jpg format, and rename them:

Page banner images should be labeled: banner1.png, banner2.png, etc. up to banner15.png - banners 16-30 are for jpg files.

That's it, you're done!

If you're having problems with the above directions, try this alternative method:

Open your project in RapidWeaver and make sure you're in Edit mode.
Open the Page Inspector and click on the “Header” tab.
Select the “Assets” tab on that window (about halfway down).
Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
Paste this css into the Custom CSS field:

Once you've installed SmartDock Mobile, navigate to where the theme is store on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the SmartDockMobile.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/ folder. Place your custom header and background images here, in either jpg or png format, and rename them:

For header images: image1.jpg, image2.jpg, etc. up to image5.jpg - images 6-10 are for png files.
For background images: background1.jpg, background2.jpg, etc. up to background5.jpg - background images 6-10 are for png files.

That's it, you're done!

Adding custom header and background images to MobileFusion:

Once you've installed MobileFusion, navigate to where the theme is store on your Mac. From your home folder it should be located in /Library/Application Support/RapidWeaver/
Select the MobileFusion.rwtheme file and either 1) Right click and choose Show Package Contents, or 2) Click the Action button and select Show Package Contents.
In the following window navigate to the /Contents/images/ folder. Place your custom header and background images here, in gif format only, and rename them:

For header images: image1.gif, image2.gif, etc. up to image5.gif
For background images: background1.gif, background2.gif, etc. up to background5.gif

That's it, you're done! We recommend using images that are as small as possible to reduce page loading times and to minimize the cost to your mobile users.