Create Sub Navigation (for Drop Down Menus)

sub_menu
Sub pages are pretty straight forward, just click down and drag your intended sub page onto the page you want to have it displayed.

Create Custom Mega Banners

Visit and download the RW Multitool here.
Open the RW Multitool, select the O Mega theme. Mega Banners 11 - 20 are fillers, and ready for customization.

custom_mega_banner
Customize your banner, save, and you're done.

Create Unlimited Content Banners

One of the unique features of O Mega is the ability to have unlimited banners in the content area.

There are two ways to do this. The cleanest method is to copy and paste the code below into your content area. Once pasted, highlight your code and select "Format > Ignore Formatting" from Rapidweaver's top menu bar. Highlighted in blue is the image name Rapidweaver is pulling, just change the name to "header2", "header3", etc. to use the built-in filler banners. Filler banners are meant to be easily changed with the RW Multitool.
<div class="featureImageBdr">
<div class="featureImage">
<img src="%pathto(images/editable_images/header1.jpg)%" alt="my image" />
</div>
</div>
<img class="featureShadow" src="%pathto(images/feature_image_drop.png)%" width="100%" height="20" alt="shadow">

Or, copy and paste the code below into your content section, then drag and drop your image in between the code as noted in the code. Once pasted, highlight your code and select "Format > Ignore Formatting" from Rapidweaver's top menu bar.
<div class="featureImageBdr">
<div class="featureImage">
<!-- Place your image below-->



</div>
</div>
<img class="featureShadow" src="%pathto(images/feature_image_drop.png)%" width="100%" height="20" alt="shadow" />

Create Custom Content Banners

Visit and download the RW Multitool here.
Open the RW Multitool, select the O Mega theme. Banners 1 - 20 are fillers, and ready for customization.

custom_banner
Customize your banner, save, and you're done.

Elegant Content Breaks

One the O Mega preview homepage you can see fine line breaks to separate content. To create these yourself, copy and paste the code below into your content area. Once pasted, highlight your code and select "Format > Ignore Formatting" from Rapidweaver's top menu bar.
<div class="contentBreak"></div>

prettyPhoto Stack (Mediabox Advanced alternative)

If you enjoy the "lightbox" effect for your images and video, the prettyPhoto stack is a great alternative to Mediabox Advanced that came with previously released NCD Themes. The prettyPhoto stack is easier to use and more compatible than Mediabox Advanced - and is therefore endorsed by NCD Themes.

Enough small talk - check out this stack!

Extra Content Areas

EC1 - This container is reserved for the main (large) image in the MEGA Banner sequences.

EC2 - This container is available for your text or image content, and is integrated into your MEGA banner code sequences.

Here's screenshot of the EC2 sidebar code used for the homepage of this O Mega site. The pink highlighted code areas means the formatting has been removed for the code only. And for the main area, some space was created, the text was customized, then formatted to align right (from RapidWeaver's "Format" option in the main top toolbar).

ec2


EC3 - This container is available for your text or image content, and renders below both the main content and sidebar containers.

If you're new to using Extra Content, click here to learn more.

Adjust Content Heading Kerning (CSS)

Copy and paste the code below into your custom css box, then adjust the letter spacing as desired. To learn more about acceptable values, Google "css letter spacing".
.content_bg h1,
.content_bg h2,
.content_bg h3,
.content_bg h4,
.content_bg h5,
.content_bg h6{
letter-spacing: 0;
}

Fine Adjustment of Slogan Position (CSS)

Select a "Top Left" or "Bottom Left" slogan position in the style options, then copy and paste the code below into your custom css box. Adjust the left percentage below as desired.
.header .slogan {
left:25%;
}

Remove Content Background Noise (CSS)

Copy and paste the code below into your custom css box:
html > body body,
html > body .wrapper,
html > body .photo-navigation {
background-image: none;
}