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.
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.
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.
RESPONSIVE VIDEO EMBEDS
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.
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.
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.
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.
Choose whether you'd like to align the mobile site logo to the left, center or right.
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.
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.
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.
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.
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.
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.
Here we can decide what content to insert into our banner section.
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.
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.
We provide color pickers for your social media badges to allow you to set the normal and hover colors for these links.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge windows" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge email" href="#"></a>
<a class="myBadge android" href="#"></a>
<a class="myBadge soverflow" href="#"></a>
<a class="myBadge pintrest" href="#"></a>
<a class="myBadge dropbox" href="#"></a>
<a class="myBadge behance" href="#"></a>
<a class="myBadge vine" href="#"></a>
<a class="myBadge rss" href="#"></a>
<a class="myBadge comments" href="#"></a>
<a class="myBadge pencil" href="#"></a>
<a class="myBadge soundcloud" href="#"></a>
<a class="myBadge yelp" href="#"></a>
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.
The border color for the sidebar can be changed using the provided color picker.
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.
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.
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.
You're able to use the color pickers to customize the text, background and link color for the breadcrumb trail.
This color picker sets the overall link color for your page. Other, more specific color pickers above may override this setting.