SAVE A BUNDLE

Buy three themes and save 20% off your purchase. Use the discount code 3PACK during checkout!
Lunar theme screenshot
Lunar
Lunar

Create a beautiful, responsive site for your business or blog. The Lunar theme for RapidWeaver 7+ provides you with great starting point for just about any type of site.

Overview

Responsive

Responsive

The Lunar theme is built on top of a lightweight, responsive framework that allows you to create flexible sites that look beautiful on both your visitor’s desktop computer as well as their mobile devices, without requiring you to build two separate sites!

More Details

Read all the details about the Lunar theme and its features by clicking the DETAILS tab up above. You can also follow along with our tutorial videos to learn more about Lunar's options and how to use them by clicking the TUTORIALS tab.

Customizable

Easily customized & versatile

In addition to its beautiful design it also features a large selection of theme variations and color pickers for easy customization.

While we've include lot of stock features, you can also add custom banners, social networking badges, and more to your layouts to get just the right look for your site, or a client's site!

Requirements

The Lunar theme requires RapidWeaver v7.2 or above.

Personalized Banners

Personalized Banners

The Lunar theme supports RapidWeaver's new Banner setting right out of the box. Drag-and-drop your banner image into the image well in the Site Setup or the Page Inspector and you're ready to go!

Banners

Stock Banners

In addition to the custom banner support Lunar offers we've also included 20 different stock banner images baked right into the theme to get you up and running quickly and easily.

Banner Overlay

Banner Overlay

Customize the images that you use for your banners with Lunar's banner overlays. Use these overlays to help your banner content really pop off the page and get your visitors' attention.

Banner Gradient

Banner Gradient

Create a nice blended effect between your banner's background image and your site's background to create a smooth, seamless design.

Banner Height

Banner Height

Lunar allows you to set separate banner heights for mobile, tablet and desktop breakpoints, choosing between flexible, fixed and full-browser height banners.

Banner Animations

Banner Animations

Lunar allows you to add buttery smooth animations to your banner elements, using preset animations. We’ve included 3 different animation presets to choose from.

ExtraConent

ExtraContent Areas

We've included 5 different ExtraContent areas in the Lunar theme, including areas in the banner, footer, a visitor toggled drop down and more.

Navigation

Navigation

Lunar features a stylish, mobile friendly, drop down navigation. Use it as a normal navigation system or enable the sticky navigation feature to keep it stuck to the browser top.

Lightbox

Lightbox

Lunar has a built-in lightbox for Photo Album pages. Build a Photo Album using the Photo Album page and then toggle on the Lightbox feature and you're good to go.

Widths

Widths

Lunar allows you to set separate max-widths for different sections of your page. Set individual widths for the banner content, main content, footer content and ExtraContent areas 2, 3 and 4.

Font Styling

Fonts

Customize your site title and slogan using one of Lunar's stylish, hand-picked font presets. Adjust your site slogan's letter spacing and the site title's size, and more.

Sidebar

Sidebar

The RapidWeaver sidebar is a great area for secondary information on your page. It also houses content like your blog archives. You can choose to place the sidebar on the right- or left-hand side, or hide it altogether.

Colors

Customize Your Colors

We've included a huge selection of color pickers in the Lunar theme. With over 50 different color pickers you'll be able to easily customize each of your site's pages to look just as you'd like. The color pickers also allow you to use an opacity slider to pick translucent colors.

Site Logo

Site Logo

Lunar puts your site logo front and center in the banner. Lunar also allows you to decide at which breakpoints to display your logo. Choose which devices to hide it on and where to show it.

Social Badges

Social Badges

You can use some of our pre-defined code snippets to insert beautiful Social Media Badges on to your pages. The Social Badges get placed in the banner section of the page. You can check out the Social Badges tutorial video for more info.

Video Embeds

Responsive Videos

We've included a toggle in the Lunar theme that allows you to help your YouTube and Vimeo video embeds to be responsive with just the click of the mouse.

Responsive

Responsive Framework

The Lunar theme is built on a responsive lightweight framework that allows you to create supremely flexible sites that look beautiful on all your visitors' devices.

Requirements

Requirements

Lunar uses the very latest theme API for RapidWeaver. It is built to run on RapidWeaver v7.2 and newer. This allows us to leverage specialized banner features and more!

Compatibility

Compatibility

Lunar is designed with modern browsers in mind: Safari, Chrome, FireFox and IE 10 and above.

Tutorials

Tutorials

Be sure to checkout all of the in-depth tutorial videos, found in the Tutorials tab above, to learn the ins and outs of the Lunar theme and see its great features showcased.

Banners

Banners

Width Adjustments

Width Adjustments

Navigation

Navigation

Blog Entry Topper

Blog Entry Topper

ExtraContent Areas

ExtraContent Areas

Social Media Badges

Social Media Badges

Social Snippets

The Voyager Pro theme uses a special code snippet, specific to the theme, to help you easily place your badges for various social media sites on your page. On this page you'll find a snippet for each of the badges that are supported in this theme.

Replace the # (hashtag) in the double-quotes with the URL you wish your badge to link to.

Twitter

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

Facebook

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

LinkedIn

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

YouTube

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

Xing

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

Stack Overflow

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

Behance

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

RSS

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

Sound Cloud

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

Medium

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

Steam

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

Google Plus

<a class="myBadge google-plus" href="#"></a>

Instagram

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

Skype

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

Apple

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

Email

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

Pinterest

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

Vine

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

Comments

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

CodePen

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

Reddit

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

Twitch

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

Dribbble

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

Github

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

Tumblr

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

Windows

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

Android

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

Dropbox

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

Tumblr

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

Pencil

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

Etsy

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

Snapchat

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

Yelp

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