How can we help you?

If you need help with one of our products you are in the right place!

Follow the steps explained below when updating your theme to a new version. Do not skip any steps or sections, unless you understand the consequences and are willing to take the risk.

Preparation

  1. Backup your current theme

    • Open your RapidWeaver project file, and display the Theme Drawer
    • In the bottom left corner of the Theme Drawer, click on the button labeled "All Themes" and select "Reveal Third Party Themes in Finder"
    • A Finder window will be displayed listing all your currently installed third party themes.
    • Right-click on your theme, select "Duplicate", then drag and drop the duplicated version into another location on your Mac (like the Desktop, or some other folder).

  2. Backup your style settings for a site using that theme

    • Open your RapidWeaver project file, select a page, then open the Page Inspector
    • Select the "Styles" tab in the Page Inspector
    • Click on the gear-icon button in the lower right corner of the Page Inspector window, and select "Save Style As..."
    • Name your style settings, making sure it is unique, and click the Save button
    • Repeat this process for each page in your site, if it uses any unique style settings
    • Repeat this process for each additional site that uses this theme

  3. Backup your RapidWeaver project file (the one with the .rwsw file extension).

    • Make a copy of your RW project file, and store it in a separate location from the original.

Installation

  1. Download the latest version of your theme.

  2. Locate the downloaded file, then double-click on it.

    • The file is usually located in your Downloads folder, and in most cases will have a .dmg file extension.
    • When double-clicked, a new Finder window should appear, listing the theme.

  3. Double-click on the theme file shown in the Finder window.

    • The theme file will have a .rwtheme file extension, with a RapidWeaver Theme icon.
    • The theme file name will follow the pattern, "seydesign ThemeName.rwtheme" - the "ThemeName" portion will match your theme's name, i.e. "CRE4MY", "Copper", etc.
    • When double-clicked, RapidWeaver will open and display a message stating whether installation was successful.

  4. Restart RapidWeaver.

Applying Theme Update to Your Site

  1. Open your RapidWeaver project file.

  2. Display the Theme Drawer, and make sure the newly installed theme is selected.

  3. Preview your site in RapidWeaver.

    • If everything looks the same as before (check all your pages), including colors, page layout options, etc. then skip to Step 7.
    • If colors or page layout options are wrong, you'll need to apply the saved style settings from the Preparation phase, continue to Step 4.

  4. To re-apply a saved style open the Page Inspector, and select the Styles tab.

  5. Click on the folder-icon button in the lower right portion of the Page Inspector window (to the left of the gear-icon button).

    • You should see your saved style setting listed in this drop down menu. Select it to apply your saved settings to the current page shown in RapidWeaver.
    • If you do not see your saved style setting, then it needs to be manually edited to work with the updated theme. Do NOT continue with the following steps, instead read and perform the steps explained in the Updating Saved Style Files section first (below), then return to this section.

  6. After you have applied your saved style setting, preview the page in RapidWeaver. Make sure the color and page layout options are what you expect them to be for that page.

  7. Repeat Steps 1-6 above for each page in your site.

  8. When complete, and each page in your site appears as you expect it to when previewing in RapidWeaver, save your progress.

  9. To apply the changes to your live website, select "Re-Publish All Files" from RapidWeaver's File menu.

Updating Saved Style Files

  1. Open your RapidWeaver project file.

  2. Open the Page Inspector, and select the Styles tab.

  3. Click on the gear-icon button in the lower right corner of the Page Inspector window, and select the "Reveal Styles in Finder..." option.

  4. A new Finder window will appear listing your saved style settings as .rwstyle files, with a RapidWeaver Styles icon.

  5. Locate the style file that requires editing. You should have given this file a unique name as described in the Preparation section above.

  6. Right-click on the style file, and a contextual menu will appear.

  7. Hover your mouse over the "Open With" option, and select "Other".

  8. From the Choose Application dialog window that appears, select a good text editor such as TextWrangler, Coda, Espresso, Sublime Text, etc.

    • If you do not have a good text editor installed, I recommend downloading and installing TextWrangler, which is free.

  9. Your text editor will open and display the contents of the file, which will look like a bunch of meaningless code. Don't be overwhelmed!

  10. Scroll all the way down to the very bottom of the file. The last six lines of code should look similar to the following:

             <key>Style Name</key>
         <string>Your Unique Style Name</string>
         <key>Theme Name</key>
         <string>seydesign Aptenon</string>
    </dict>
 </plist>
    • Note that the value below "Style Name" (the portion between <string> and </string>) matches the unique name you choose for this saved style
    • Note also that the value below "Theme Name" (the portion between <string> and </string>) should be similar to the theme you were using for your site when you saved this style setting file.

  11. Change the name of the theme, listed below "Theme Name" (the portion between <string> and </string>), so that it matches the name of your updated theme.

    • Only change the theme name, that portion of text between <string> and </string>. Do not change or delete any other portion of the file.
    • The name of your updated theme will follow this pattern: "seydesign ThemeName" where "ThemeName" is the name of your theme, i.e. "seydesign Copper", "seydesign Aptenon", etc. Do not include quotes when editing the theme name.

  12. When complete, save the file, then restart RapidWeaver. Continue with the steps outlined in the Applying Theme Update to Your Site section.

 

Completed Theme Updates (removal of CDN files)

  • Tre3rty 2 (paid upgrade for Tre3rty 1 users)
  • Sytten 2 (paid upgrade for Sytten 1 users)
  • SAUB3R1 v1.1.0 (free update)
  • SNo3 v7 (free update)
  • Nuvem v1.1.0 (free update)
  • Kleer v1.8.0 (free update)
  • Havnit v11 (free update)
  • Flavorite v12 (free update)
  • EHVolver v7 (free update)
  • CRE4MY v4.9.0 (free update)
  • Copper v1.1.0 (free update)
  • av8or v1.1.0 (free update)
  • Aptenon - no update required, already CDN free
  • alltr v1.4.0 (free update)

In Progress

NONE - All themes have been updated and no longer reference CDN files.

 

This is most likely due to a misconfigured setting Armadillo creates for your hosting company. There are (mainly) two possible solutions, depending on your hosting company. Both solutions involve accessing a file called .htaccess. First, follow these steps to locate and access that file, then try the solutions below.

Accessing the .htaccess File

  1. Use an FTP program (like CyberDuck, which is free and available for both Mac and Windows) to login to your hosting account.
  2. Navigate to the folder where your Armadillo page is located.
  3. Inside that folder is another folder called files. It may also be called something else, like index_files or pagename_files, where pagename is name of your Armadillo page. Open that folder.
  4. Inside that folder is another folder called armadillo. Open that folder.
  5. There will be a number of files listed in this folder. Locate the file called .htaccess. This particular file is often a hidden file, so you may need to change the preferences of your FTP program to make sure it can display hidden files.
  6. Once you have located the .htaccess file, right-click on it and a contextual menu should appear. Select the "Edit" option, if available. NOTE: Depending on the FTP program you use, changing preferences may require you to restart the program. If using Cyberduck, for example, you will need do the following:
    • Open Preferences, select the Browser tab, then check the "Show hidden files" checkbox.
    • In Preferences select the Editor tab, and choose the editor you want to use when editing files. Make sure this is a text editor, like TextEdit, TextWrangler, BBEdit, Coda, or Espresso (for Mac users), or Notepad++ (not Wordpad) for Windows users.
    • Restart Cyberduck for changes to take effect.

Solution 1

Your hosting company may not need a particular setting Armadillo creates for you. These steps will hide that particular setting.

  1. Locate line 7 of the .htaccess file, and type in a pound sign "#" at the beginning of the line.
  2. Save the file, and your FTP program should automatically upload the saved file to your hosting account.
  3. Try accessing the online interface again.

Solution 2

Your hosting company does need a particular setting Armadillo creates, but it needs to be modified for your website. These steps will help you make the necessary modifications.

  1. Locate line 7 of the .htaccess file, which will look something like:

    RewriteBase /files/armadillo

    The part we are interested in is the /files/armadillo portion. It may also be something like:

    /public_html/files/armadillo

    or

    /www/files/armadillo

    or

    /folder_name/files/armadillo

    where folder_name is the sub-folder where your Armadillo page is located.

  2. If your hosting company is 1&1 or 123-reg (or similar), and the path portion includes /public_html, you may need to remove that /public_html part.

  3. If you have uploaded your site to a sub-folder, you may need to add that sub-folder to line 7 (or remove it, if it was added for you automatically). For example, if your sub-folder is called cms, you would add /cms to the beginning of the path, so it would look like this:

    RewriteBase /cms/files/armadillo

    If the /cms portion (or similar) was already added to the file path automatically, try removing it.

  4. After making your changes save the file, and your FTP program should automatically upload the saved file to your hosting account.
  5. Try accessing the online interface again.
 

RapidWeaver® 5 Users

Some steps below refer to the page assets feature available in RW4. Page assets have been changed to Sitewide Resources in RW5 - see our blog post about this for more information about how to switch from "assets" to "resources".

Atlas:

  1. Once you've installed Atlas, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Atlas theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /images/editable_images folder. Place your custom header images here, in either png or jpg format, and rename them like so:
  • Header 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! (Be sure to select the image you added in theme options.)

To add your own custom theme background images to Atlas - 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.

ExtraContent Area background images in Atlas - All the ExtraContent areas in Atlas use the same background images specified above (background1.jpg - background10.jpg, and background11.png - background20.png).

If you're having problems with the above directions, try these alternative methods.

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

.header-image { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

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

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

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

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

Gravity:

Our Gravity theme doesn't have a traditional header image area like that in many RapidWeaver® themes. However, adding a header image is as simple as drag and drop. Just add your header image to the Sidebar area in the Page Inspector, and it will appear in the Feature Content area, similar to the Blog page of our Gravity Preview site. For more info visit the Gravity product page, scroll down to the bottom, and see the section called "What about header images? Header slideshows?".

Keep in mind, RapidWeaver® may automatically resize images you add to the sidebar. If your image appears smaller than you expect, simply double-click on it (in Edit mode) and the Media Editor window will appear. Make sure the "Scale" checkbox is checked, and that the percentage is 100%.

Background images/textures A subtle texture is applied to the background in Gravity by default (using a transparent PNG file). If you'd like to replace this image with your own texture/image, follow these directions:

  1. Once you've installed Gravity, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Gravity theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /images/editable_images folder. Place your custom background texture/image here, in either png format, and rename it to siteBackground.png.

If you'd like to remove the background texture, simply select the appropriate option in the "Feature Content Background Gradient" section of Gravity's theme options.

Flexture:

  1. Once you've installed Flexture, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Flexture theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /images/editable_images folder. Place your custom header images here, in either png or jpg format, and rename them like so:
  • Header 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! (Be sure to select the image you added in theme options.)

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

  • background1.png, background2.png, etc. up to background5.png - backgrounds 6-10 are for jpg files, e.g., background6.jpg, background7.jpg, and so forth.

To add your own custom ExtraContent Area 6 background images to Flexture - Follow the same directions above, but when renaming use the following:

  • custom1.png, custom2.png, etc. up to custom5.png - backgrounds 6-10 are for jpg files, e.g., custom6.jpg, custom7.jpg, and so forth.

If you're having problems with the above directions, try these alternative methods.

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

.headerImage { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver®® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Dexture:

  1. Once you've installed Dexture, open RapidWeaver®®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®®'s View menu).
  2. Select the Dexture theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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! (Be sure to select the image you added in theme options.)

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

  • background1.png, background2.png, etc. up to background5.png - backgrounds 6-10 are for jpg files, e.g., background6.jpg, background7.jpg, and so forth.

To add your own custom ExtraContent Area 6 background images to Dexture - Follow the same directions above, but when renaming use the following:

  • custom1.png, custom2.png, etc. up to custom5.png - backgrounds 6-10 are for jpg files, e.g., custom6.jpg, custom7.jpg, and so forth.

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

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

.headerImage { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Qube:

  1. Once you've installed Qube, open RapidWeaver®®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®®'s View menu).
  2. Select the Qube theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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! (Be sure to select the image you added in theme options.)

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:

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

.headerImage { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Phelix: - Updated for v1.7+

  1. Once you've installed Phelix, open RapidWeaver®®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Phelix theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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! (Be sure to select the image you added in theme options.)

To add your own custom theme background images to Phelix - Follow the same directions above, just be sure your image is labeled correctly - custombg1.jpg, custombg2.jpg, custombg3.png, or custombg4.png (the correct labels are also listed in Phelix's theme options under the 'Theme Background' section).

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

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

#headerImage { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Mirage: - Updated for v2.3+

  1. Once you've installed Mirage, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Mirage theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /images/editable_images folder. 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! (Be sure to select the image you added in theme options.)

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

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

#headerImage { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Glide: - Updated for v3.0+

  1. Once you've installed Glide, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Glide theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.

  3. In the following window navigate to the /images/editable_images folder. Place your custom header images here, in either png or jpg format, and rename them:

    Header images should be labeled: image1.png, image2.png, etc. up to image10.png - images 11-20 are for jpg files.

That's it, you're done! (Be sure to select the image you added in theme options.)

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

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

#pageBanner { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Unity: - Updated for v2.4

  1. Once you've installed Unity, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the Unity theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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 banner15.png - banners 16-30 are for jpg files.

That's it, you're done! (Be sure to select the image you added in theme options.)

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

RapidWeaver® 5:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Drag and drop your custom image into the Resources section of RapidWeaver®'s left sidebar.
  3. When you've done that, open the Page Inspector, click on the "Header" tab, then select the "CSS" tab inside that window.
  4. Paste this css code into the Custom CSS field:

#pageBanner { background-image: url(%resource(yourcustomimage.jpg)%); }

RapidWeaver® 4:

  1. Open your project in RapidWeaver® and make sure you're in Edit mode.
  2. Open the Page Inspector and click on the “Header” tab.
  3. Select the “Assets” tab on that window (about halfway down).
  4. Add your custom image by clicking on the "Add File" button at the bottom, then choosing a file on your Mac.
  5. When you've done that, select the “CSS” tab (to the left of the “Assets” tab)
  6. 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 to Resources/Assets.

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

Adding custom header and background images to SmartDock Mobile:

  1. Once you've installed SmartDock Mobile, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the SmartDock Mobile theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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! (Be sure to select the image you added in theme options.)

Adding custom header and background images to MobileFusion:

  1. Once you've installed MobileFusion, open RapidWeaver®, and then open the Theme Drawer (select "Show Themes" from RapidWeaver®'s View menu).
  2. Select the MobileFusion theme, and then right-click on it once. A contextual menu will appear - select the "Show Contents in Finder" option.
  3. In the following window navigate to the /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! (Be sure to select the image you added in theme options.) We recommend using images that are as small as possible to reduce page loading times and to minimize the cost to your mobile users.

 

You can always access the login page by visiting the "files/armadillo" sub-folder of whatever page you've added Armadillo to.

For example, if your Armadillo page is here:

domain.com/armadillo

The login page would be here:

domain.com/armadillo/files/armadillo

If you structure your site a certain way in RapidWeaver, and rename certain files/folders, RapidWeaver may rename the "files" folder to something else, like:

domain.com/armadillo/pagename_files/armadillo

The pagename portion will be the page name as specified in the Page Inspector.

 

With the release of v5.0 RapidSearch now uses the newer "Custom Search Engine" API from Google. This new API is quite different from the old one, and requires many changes to how you may be used to using RapidSearch.

Ads in Search Results

When using the "free" custom search version of Google's API (which RapidSearch uses by default) there will now be ads shown among your search results. These ads are shown by Google and cannot be removed.

If you don't want ads displayed among your search results, Google has a "Custom Site Search" (referred to as CSS) service which, as of December 2013, costs $100 USD. This is in addition to the cost of RapidSearch itself. If you decide to purchase this service, you will not be able to use RapidSearch to configure your search engine and create the search box for your RapidWeaver site. This is due to restrictions in Google's CSS service.

Custom Search Engine ID

Google now requires that you create a "Custom Search Engine" (referred to as CSE) when adding Google search to your site. This can only be done on the Google website, and RapidSeach now includes a button to the Google site where you can create your CSE.

3237

Once you have created your CSE, click on the Search Engine ID button in the Google interface (see screenshot below), then copy and paste it into RapidSearch.

3238

At that point, you can add the sites that you want to be searched, and publish your website.

Please Note: Due to changes in Google's API the search box will not work in RapidWeaver's Preview mode until you have first published your site.

Also, if you make changes to the list of sites to be searched in RapidSearch, and publish your changes, it may take some time before those changes are actually reflected on your website. This is because Google caches the configuration file that RapidSearch creates for you, and only refreshes it periodically.