Image
RapidWeaver Theme

Majestic

Create stunning, responsive sites for you and your clients. Majestic's large assortment of options will make site building a breeze.

This page outlines the settings included in the Majestic 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.

Navigation
ExtraContent Areas
Banners
Social Badges

What does this do?

Let's have a look at what each of the many settings within the Majestic theme can do. This page is good reference both in the event that you get stuck when building your site, as well as to get an 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.

MERGE CONTACT FORM BUTTONS ON MOBILE
This allows for a special, styled combo button for mobile browsers on the Contact Form page style.

LOCK BANNER BACKGROUND
When enabled the background image for your banner will be sized up and locked in place. The image will appear so stay stationary as the visitor scroll down your page, adding a unique and interesting design to the banner area of the page.

DROP SHADOW ON BANNER BADGE
Adds a nice drop shadow to the banner badge to set it off from the background and banner.

Image

Navigation

NAVIGATION TOGGLE
Here we're able to choose whether we want a translucent white or translucent black background for our navigation toggle.

We've also got a color picker here that let's use refine the color of the toggle icon itself to customize it to our liking.

TOGGLE ICON
We've provided a drop down that allows you to select from a few preset icons for the navigation toggle button. Additionally you can opt for the word "Menu" instead of an icon.

NAVIGATION TOGGLE LOCATION
Choose whether you'd like the toggle for our navigation to appear on the left- or right-hand side of the page.

NAVIGATION LOCATION
In addition to placing the toggle on either the left- or right-hand side you can also opt to place the navigation it self on the left or right, independent of the toggle's location.

NAVIGATION SUB-MENU LAYERING
This feature let's us choose between a layered or non-layered styling for our sub-navigation child items within our site's navigation.

NAVIGATION STYLE
Here we can choose how to style the navigation container and items using a few preset styles.

NAVIGATION COUNTERS
This feature allows us to show or hide a small numerical badge that indicates how many child items a parent item contains.

NAVIGATION COLOR PICKERS
Here we can choose the colors for the following navigation items:

  • Current & Hover Text
  • Current & Hover Background
Image

Content

CONTENT WIDTH
The Majestic theme offers you several content widths to choose from for customizing the main content section of your page.

BODY FONT
Here you can select the font you wish to use for the page's overall font. We've hand selected several beautiful fonts that are nice and legible to the main body of the page.

You're also provided color pickers here for setting the coloring of the following items in the main content area:

  • Main Content Font
  • Content Links

HEADERS FONT
This drop down allows you to choose the font to use for your Headers within the page. We've curated several nice fonts that pair well with the Content Body Fonts from above.

Image

Banner

The Majestic theme is packed with banner choices. We offer 25 stock banners to get you up and running right away. We also include 20 different gradient preset as well.

In addition to these stock banner images and stock gradients, we also offer 20 different custom banner slots, as well as the ability to create your own custom gradient.

BOTTOM BORDER COLOR PICKER
Majestic includes a border along the base of the banner. Here you can set the color of that border to match your page's design style.

BACKGROUND OVERLAY
We've included several preset background overlay settings. These help to set your banner content off from the background image.

BANNER HEIGHT
Majestic allows you to set a different height for the banner based on whether it is being viewed at the desktop or mobile breakpoint. We've got several presets as well as a flexible mode that adjusts the height based on the items you place in the ExtraContent area 8.

Image

Sidebar

Here you can choose where you'd like to place your sidebar. You can set it to display on the left, or right side of the page. You're also able to hide the sidebar when not needed.

Here you'll also find color pickers to adjust the following items:

  • Sidebar Title
  • Sidebar Content
  • Sidebar Links
  • Blog Archive Dividers
Image

Site Title & Slogan

We've included the ability to select your font type for both the Site Title and Site Slogan. We've included independent drop downs for each.

Additionally we've included color pickers for the following items to customize the Site Title and Slogan:

  • Site Title
  • Site Slogan
  • Slogan Border
Image

Banner Badge

Majestic includes a huge selection of icons to choose from to adorn your banner badge with. The banner badge overlaps the bottom portion of the banner sitting between it and the content below.

In addition to icon choices you can customize the badge with the color pickers listed below:

  • Badge Icon
  • Badge Background
Image

ExtraContent Areas

The ExtraContent areas included in the Majestic theme allow you to take the theme further than what the stock RapidWeaver app allows. We've made sure styling these areas is point-and-click easy. You can customize them using the color pickers below:

  • ExtraContent Area 1 Background
  • ExtraContent Area 1 Text
  • ExtraContent Area 1 Links
  • ExtraContent Area 2 Background
  • ExtraContent Area 2 Text
  • ExtraContent Area 2 Links
  • ExtraContent Area 3 Background
  • ExtraContent Area 3 Text
  • ExtraContent Area 3 Links
  • ExtraContent Area 4 Background
  • ExtraContent Area 4 Text
  • ExtraContent Area 4 Links
  • ExtraContent Area 5 Background
  • ExtraContent Area 5 Text
  • ExtraContent Area 5 Links
  • ExtraContent Area 6 Background
  • ExtraContent Area 6 Text
  • ExtraContent Area 6 Links
  • ExtraContent Area 7 Background
  • ExtraContent Area 7 Text
  • ExtraContent Area 7 Links
  • ExtraContent Area 8 Text
  • ExtraContent Area 8 Links
Image

General Color Pickers

We've just got one entry here, but it's a good one. Here you can adjust the overall background color for your site. Using the Site Background color picker you can assign any color you like as the page's backdrop.

Image

Footer Color Pickers

Here we can adjust the styling of our footer section using a few color pickers to match it to the rest of our page:

  • Footer Divider Border
  • Footer Text
  • Footer Links
Image

Social Badges Color Pickers

Customizing the social media badges we add to our pages is super simple using the color pickers below. Further down we also provide the snippets used to add those badges to your site.

  • Social Badges (Normal)
  • Social Badges (Hover)
Image

Contact Form Color Pickers

We've made it easy to style the Contact Form page that comes with RapidWeaver. You can use the following color pickers to do so:

  • Submit Button Foreground
  • Submit Button Background
  • Reset Button Foreground
  • Reset Button Background
Image

Social Media 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>

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>