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.
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.
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.
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.
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.
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.
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.
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.
Here we can choose how to style the navigation container and items using a few preset styles.
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:
The Majestic theme offers you several content widths to choose from for customizing the main content section of your page.
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:
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.
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.
We've included several preset background overlay settings. These help to set your banner content off from the background image.
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.
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:
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:
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:
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:
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.
Here we can adjust the styling of our footer section using a few color pickers to match it to the rest of our page:
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.
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:
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.
<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>