Image
RapidWeaver Theme

Hive

A RapidWeaver theme that comes packed with theme variations and color pickers to allow you the ability to customize each page's look and feel, and all with just a few clicks of the mouse.

This page outlines the settings included in the Hive 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
Badges
Navigation
Site Backgrounds
Video Embeds & Photo Lightbox

What does this do?

Below we look at what each of the settings within the Hive theme. This is good reference in the event that you get stuck when building your site, as well as to get a good idea of what controls and settings exist within the theme before you make your purchase.

Image

Theme Toggles

RESPONSIVE VIDEO EMBEDS
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.

ENABLE PHOTO ALBUM LIGHTBOX
Enabling this feature allows your photo album page images to open in a beautiful pop-up lightbox, further adding to the usefulness of the photo album page that comes with RapidWeaver. The video above covers this setting.

HIDE LOGO
Allows you to hide the site logo that appears within the navigation bar.

SHOW LOGO ON iPHONE
By default the site logo is hidden in the mobile navigation bar. This is in an effort to make sure everything fits properly in the small space afforded to us on mobile devices, like the iPhone. If however you'd like to override this behavior, you can enable this feature to display the site logo above the mobile navigation bar.

HIDE SITE TITLE
This feature, when enabled, will hide the Site Title within the navigation bar.

UPPERCASE SITE TITLE
When enabled your site title, within the navigation bar, will be uppercased.

HIDE SIDEBAR NAVIGATION
When using a sidebar in the Hive theme you'll get a vertical display of your navigation within the sidebar. You may want to vary this on a per-page basis. If so, you can use this feature to hide the sidebar navigation where needed.

Image

Width

Here you're able to choose the width of the main Hive content container. The theme has presets for 800-1,500px wide. Additionally it has a 100% width option that covers the full-width of the browser window.

Image

Logo (iPhone Width)

LOGO BACKGROUND
Since the mobile site logo appears above the mobile navigation bar we get to choose a separate color background for this logo section. You can choose from translucent white, translucent black, or use the color picker to choose a custom color of your own.

LOGO ALIGNMENT
Choose whether you'd like to align the mobile site logo to the left, center or right.

Image

Site Title & Slogan

SITE TITLE FONT
We've included a few different font choices that you can apply to style your site title that all fit the design aesthetic of the Hive theme.

You'll also find a color picker here for adjusting the color of your site title.

SITE TITLE SIZE
Hive comes with four pre-defined sizes for your site title -- Small, Medium, Large and Extra Large. The preset sizes allow for the theme to adjust the other elements it interacts with as well.

SITE SLOGAN FONT
We've included a few different font choices that you can select from to apply your site slogan that all fit the design aesthetic of the theme.

You'll also find a color picker here for adjusting the color of your site slogan.

Image

Fonts

We've made it easy to customize the look and feel of your pages via font styling. We've worked hard to make sure the fonts included in the theme work well with one another. Below are some font selections:

CONTENT & SIDEBAR
We've included a few different font choices that you can apply to style your main content area and sidebar. These fonts were chosen as for Hive as they fit the theme's design aesthetic.

You'll also find color pickers here for adjusting the color of your content and sidebar text and sidebar links.

HEADERS FONT
Allows you to adjust the font that will be used for your headers. Headers include h1, h2, h3, h4, h5, and h6 tags within your page.

NAVIGATION FONT
Selects the font you wish to use within the navigation of your page.

EXTRACONTENT AREAS FONT
This settings selects the font that will be used with the various ExtraContent areas within the theme.

Image

Site Background

Hive includes the ability to style the background of the site, adding to the overall beautiful design of the layout. We off 20 different stock backgrounds, or you can provide your own custom images, or select a custom color using the provided color picker.

Image

Banner

We've included 35 different stock banners in the Hive theme to get you up and running right away. We've also built in the ability to use your own custom banner images, or replace the banner with an ExtraContent area. These options truly make Hive very versatile and reusable for many different projects.

BANNER CONTENT
Here we can decide what content to insert into our banner section.

Image

Navigation Colors

In the Hive theme we've worked to make things as easy to use as possible. We've built some remade color schemes for your navigation that save your time in your design process.

If you can't find a preset color scheme that fits your needs you can also use the color pickers to refine and dial in the colors for each item as you see fit. You can adjust the toggle, drop down colors and more.

SIDEBAR NAVIGATION COLORS
You're also able to tweak and refine the color settings for the navigation items found in the sidebar container. Adjust the normal, selected and hover text as well as the sub-navigation text.

Image

Social Badges

LOCATION
Hive allows you to display social media badges just below the banner. You can align them to the left, center or right, or hide them if you're not using them.

COLORS
We provide color pickers for your social media badges to allow you to set the normal and hover colors for these links.

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>

Android

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

Stack Overflow

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

Pintrest

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

Dropbox

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

Behance

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

Vine

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

RSS

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

Comments

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

Pencil

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

Sound Cloud

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

Yelp

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

Image

Sidebar

LOCATION
The sidebar can be placed on either the left- or right-hand side of the main content area. This allows you to customize the layout to meet your needs. This additionally helps you located the sidebar navigation, located in the sidebar, where your prefer it.

BORDER COLOR
The border color for the sidebar can be changed using the provided color picker.

Image

ExtraContent Areas

Hive includes several ExtraContent areas for taking your site's content further than the stack RapidWeaver app allows. We show how to use these ExtraContent areas in the video above.

Additionally we have several settings for the various ExtraContent areas to help in customizing them to your needs.

STYLING
We offer settings for styling ExtraContent areas 1 through 6. Each of these ExtraContent areas allows you to pick a background type. You can choose from a white or black translucent background or opt for a custom solid color of your own choosing. If no background is preferable you can set this to none.

In ExtraContent areas 1 through 5 you also have the option of choosing to use a custom image of your own for the background.

Additionally we also offer color pickers for setting the text and link colors within each individual ExtraContent area.

EXTRACONTENT BACKGROUND IMAGES
When using a custom image for one of the ExtraContent areas you can use these checkbox controls to apply a "fixed" styling to the image. This forces the image to expand and become locked in place as the rest of the page scrolls by.

Image

Breadcrumb

Much like the ExtraContent areas you can choose between a translucent background styling or use the color picker to chose a solid custom color of your own.

COLOR PICKERS
You're able to use the color pickers to customize the text, background and link color for the breadcrumb trail.

Image

Misc Colors

LINKS
This color picker sets the overall link color for your page. Other, more specific color pickers above may override this setting.