Image
RapidWeaver Theme

Rustic

This gorgeous, no-nonsense RapidWeaver theme provides a great starting point for your next project, whether that is a portfolio, blog, or small business site.

This page outlines the settings included in the Rustic theme and talks about what they do, and how they affect the theme's display and functionality. In addition we have a tutorial and walk-thru video below that helps get you started using the theme, as well as gives you an idea what it can do before purchase. For examples of the theme in action, please visit its product page.


Tutorial Videos

We've created several tutorial videos that walk you through using the major features of the theme. These are a good resource for both before and after your purchase. Watch them now to get an idea of some of the interesting things this theme can do, and follow along with them later after your purchase to help in building your new site.

Banners
ExtraContent Areas
Social Badges

What does this do?

Below we'll have a look at what each of the settings within the Rustic theme can do. This page is good reference both in the event that you get stuck when building your site in RapidWeaver, as well as to get an idea of what controls and settings exist within the theme before you make your purchase.

Image

Theme Toggles

MAKE VIDEO EMBEDS FLEXIBLE
If you're going to be including video embeds from YouTube or Vimeo on your page you'll want to enable this feature. This features applies a bit of javascript code to the page which will make these embeds responsive. The video above covers this setting.

HIDE RIBBON & RIBBON CONTENT
When enabled, the ribbon section above the navigation will be hidden. This allows you to hide this section on a page-by-page basis via the Page Inspector.

HIDE NAVIGATION
Rustic can make for a great one-page site design. You can use this setting to hide the theme's navigation for such a page design, or use it sporadically throughout a site where you might like to hide the main navigation.

FADE IN BANNER ON PAGE LOAD
Enabling this feature causes the banner area to elegantly fade in during page load, proving a nice effect for your visitors.

HIDE PHOTO ALBUM CAPTIONS
Allows you to hide the captions on the thumbnails page of your Photo Album.

Image

Max-Width

Here you can adjust the maximum width of the main content area of the theme to meet your page's needs. We offer several standard, preset widths to choose from.

Image

Header (Banner)

HEADER BACKGROUND ACCENT
The Header Banner area has a nice background accent area to give each page some personality. You can choose from one of the many stock accents we provide, or use the custom slots to provide your own. Watch the Banners video at the top of the page for more information.

HEADER BACKGROUND ACCENT HEIGHT
Here you can adjust the height of the accent section, which allows you to show more or less of that nice background image. We provide several preset heights to choose from.

HEADER ACCENT STRIPE
There is a nice accent stripe at the base of the accent background image to add some styling to the page and the background image in particular. You can choose either a translucent black or translucent white.

LOGO ANIMATION
The site logo is displayed within the Header Banner Accent area. You can choose to apply one of the present animations to the logo so that it animates into place during page load. You may also opt to have no animation at all.

Image

Ribbon

SOCIAL BADGES ANIMATION
The social badges for Rustic are contained within the Ribbon section of the RapidWeaver theme. You have these badges animate into place as the page loads by choosing one of the preset animation styles here.

SITE TITLE
While not in the Ribbon directly, the Site Title sits just above the Ribbon. You can choose a font for your site title text here, as well as set the color for that Site Title using the provided color picker.

RIBBON CONTENT
You can choose to have different content types within the Ribbon section of the page. You can opt for the site's overall Site Slogan or instead have the Page Title appear here.

We've also provided color pickers for setting the Ribbon's background color as well as the foreground color here.

Image

Banner

In addition to the Header Banner Accent area, we also provide a more traditional banner section as well. Here you can choose from one of our many stock banner images, or provide your own. Watch the Banners tutorial video for further information.

Image

Body & Header Font

BODY FONT SIZE
This setting allows you to adjust the overall font sizing for the main body content section of the page.

BODY FONT
In addition to the Font Size you can also adjust the font type here as well. Choose from one of the preset font choices for your page's content.

We also have included a color picker here to allow you to adjust the color of the main content font.

TEXT HEADER TAGS
Adjust the font styling for your page's header tags here, choosing from one of the various font choices.

Image

Site Background

We've included several stylish site background styles for you to choose from for your pages. Additionally you can opt to use a color picker and set a solid color of your liking.

Image

Edge-to-edge

Here you have the ability to force the ExtraContent areas to go edge-to-edge within the main content section of the page. You can enable this edge-to-edge feature for ExtraContent areas 1, 2 and 3 independently.

Image

Navigation

NAVIGATION ANIMATION
The navigation for Rustic is another item within the theme that can be animated. You can choose from some pre-defined animations to cause your navigation to animate into place as the page loads.

MOBILE NAVIGATION TOGGLE ICON
When the navigation for the Rustic theme is shown on mobile devices a toggle is displayed that allows the visitor to open and close the navigation. Here, with this theme setting you can choose the icon you'd like to use for that toggle. Many users requested a text choice as well, so we've also provided two text options here, too.

Image

Sidebar

The sidebar for your page can be placed on the left- or right-hand side of the page. This helps you organize your content how you like. I'd you're not in need of a sidebar you can feel free to hide it as well.

Image

Color Pickers

We've provided a great deal of customizable color pickers for the Rustic theme. This allows you to personalize your RapidWeaver site as you like. Below are a list of the remaining color pickers for Rustic:

  • Body Links
  • Sidebar Links
  • ExtraContent Area 1 Links
  • ExtraContent Area 2 Links
  • ExtraContent Area 3 Links
  • ExtraContent Area 4 Links
  • Footer Links
  • Navigation Bar Background
  • Navigation Bar Foreground
  • Navigation Item Hover Background
  • Navigation Item Hover Foreground
  • ExtraContent Area 1 Background
  • ExtraContent Area 2 Background
  • ExtraContent Area 3 Background
  • ExtraContent Area 1 Text
  • ExtraContent Area 2 Text
  • ExtraContent Area 3 Text
  • ExtraContent Area 4 Text
  • Header Accent Line
  • Header Accent Background
  • Social Badge Background
  • Social Badge Forground
  • Breadcrumb Text
  • Breadcrumb Current Page Text
  • Footer Text
Image

Social Badge Snippets

You can use some of our pre-defined code snippets to insert Social Media Badges on to your pages. You can check out our Social Badges video for more info.

Badge Snippets Badge Snippets
Twitter

<a class="myBadge twitter" href="#"></a>

Google Plus

<a class="myBadge google-plus" href="#"></a>

Dribbble

<a class="myBadge dribbble" href="#"></a>

Facebook

<a class="myBadge facebook" href="#"></a>

Instagram

<a class="myBadge instagram" href="#"></a>

Github

<a class="myBadge github" href="#"></a>

LinkedIn

<a class="myBadge linkedin" href="#"></a>

Skype

<a class="myBadge skype" href="#"></a>

Tumblr

<a class="myBadge tumblr" href="#"></a>

YouTube

<a class="myBadge youtube" href="#"></a>

Apple

<a class="myBadge apple" href="#"></a>

Windows

<a class="myBadge windows" href="#"></a>

Xing

<a class="myBadge xing" href="#"></a>

Email

<a class="myBadge email" href="#"></a>