SAVE A BUNDLE

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

A tasty theme for RapidWeaver helps you build beautiful, modern websites. Mint lets you to focus on your content while it takes care of the styling and structure.

Overview

Responsive

Modern

Mint is built on top of a lightweight, responsive framework that helps you to build responsive sites that look beautiful on both your visitor’s desktop computer as well as their mobile devices!

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

Versatile

In addition to its beautiful design it also features a large selection of theme variations and color pickers for quick, 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 Mint theme requires RapidWeaver v7.2 or above.

Banners

Personalized Touch

The Mint theme supports RapidWeaver's new Banner settings 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!

Banner Overlay

Banner Overlay

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

Banner Gradient

Gradients

In addition to the custom banner support Mint offers we've also included the ability to use a nice gradient background for your banner section, setting a custom color for both the top and bottom of the gradient.

Banner Height

Banner Height

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

Navigation

Navigation

Mint features a mobile friendly, drop down navigation. It hides itself away as the visitor scrolls down the page, reappearing if they click the navigation toggle or scroll upwards.

ExtraConent

ExtraContent Areas

We've included 5 different customizable ExtraContent areas within the Mint theme, including areas in the banner, footer, and the main content area.

ExtraConent

Angled Areas

Set your site apart using our angled ExtraContent Area designs. ExtraContent areas 2 and 3 can have stylish slanted backgrounds with custom gradients to make your content stand out.

Font Styling

Fonts

Customize your site by choosing a pre-determined font pairing for your page. We've mixed and matched some popular fonts into fantastic font combinations.

Widths

Width

The Mint theme 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.

Site Logo

Site Logo

The Mint theme places your site logo inside to the navigation bar for premium visibility and hides it away on smaller devices to ensure things fit as they should for mobile visitors.

Social Badges

Social Badges

You can use some of our pre-defined code snippets to insert beautiful Social Media Badges on to your pages, either just below the banner, or in the footer section.

Colors

Custom Colors

Mint includes a huge selection of color pickers. With over 70 different color pickers you'll be able to easily customize each of your site's pages to. The color pickers also allow you to choose translucent colors.

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.

Video Embeds

Responsive Videos

We've included a toggle in the Mint theme to allow you to make your YouTube and Vimeo video embeds responsive with just the click of the mouse.

Breadcrumb Trail

Breadcrumb Trail

Mint allows you to enable a breadcrumb trail navigation at the bottom of your page, just above the footer, to aid your visitors in traversing your site.

Lightbox

Lightbox

The Mint theme includes a built-in lightbox for Photo Album pages. Build a Photo Album using the Photo Album page style that comes with RapidWeaver and then toggle on the Lightbox feature and you're good to go.

Fade In Navigation

Fade In

You may choose to have your navigation bar fade in during your page's loading process. This allows you to add a bit of style and animation to your site's loading process.

Banner Extras

Banner Extras

Mint gives you the option of enabling a border between your banner and the rest of your content and well as including and aligning the site slogan with the banner, when you're not using the banner ExtraContent area.

Navigation Extras

Navigation Extras

You can choose to add a drop shadow to your navigation bar, giving it a bit more depth to your design, as well as setting your site title to all uppercase letters and selectively hiding the site logo on a page-by-page basis.

Navigation Height

Navigation Height

Mint gives you the ability to set the navigation bar's height, on a page-by-page basis, to one of three preset height options: 60 px, 80px or 100px tall.

Navigation Toggle

Navigation Toggle

You're able to customize the look of the navigation toggle. This toggle appears when the visitor scrolls down your page and the navigation bar disappears, allowing visitors to access the navigation at any time.

Blog

Blog Entry Topper

This theme comes with our ever popular Blog Entry Topper feature built-in, allowing you to insert your own custom images above each of your blog entries. This allows you to provide a unique look for each of your blog entries.

Responsive

Responsive Framework

The Mint 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

Mint 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

The Mint theme 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 theme and see its great features showcased.

Banners

Banners

Navigation

Navigation

ExtraContent Areas

ExtraContent Areas

Social Badges

Social Badges

Social Snippets

The Mint 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>