SAVE A BUNDLE

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

A simple, but elegant, responsive theme for RapidWeaver 6 that provides you a clean, crisp canvas to build your portfolio, blog or small business site on.

Overview

Modern & responsive

Tesla Pro is built on a modern foundation that provides you with a robust responsive template for designing sites for yourself and your clients. You'll be able to create sites that look great on both your visitors' desktop computers and their mobile devices with just one theme.

This theme makes use of some of the newest web technologies in order to provide your visitors with a great experience.

In addition to its contemporary design, we’ve included several social networking badges, beautiful stock banners, classy font choices, and a slew of other extraordinary theme variations!

Note: Tesla Pro requires RapidWeaver 6 or above.

Customizable

RapidWeaver's Page Inspector provides a quick and elegant way for you to customize various facets of the Tesla Pro theme with just a few clicks of the mouse. Here are a few highlights:

  • Customizable banners & exclusive stock banners
  • ExtraContent areas
  • Responsive lightbox for your photo albums
  • Elixir's Blog Entry Topper

We've included several exclusive theme variations and options in the Tesla Pro theme not found in the traditional Tesla theme that comes with RapidWeaver 6.

For a full, detailed rundown of all the the Tesla Pro theme has to offer, click the Details tab above.

Stock Banners

Tesla Pro comes packed with some amazing, professional stock banners built-in. These 32 different stock banners allow you jump right in a build beautiful sites right away without needing to be a graphics guru.

Custom Banners

We've included 10 empty, customizable slots for your own banner images. You can easily add your own images to your projects via the RapidWeaver resources. Your image can be any size. The stock banners are 2000 x 1500 px in size.

Colors

At your disposal is a huge selection of color pickers that allow you to customize the look and feel of individual elements on each of your pages. You can customize everything from your link colors to your navigation bar, site background and so much more.

Width

While the Tesla Pro theme is responsive, and scales down to fit the browser, or mobile device's width, it can also have a maximum width set for its content area. You can choose from 4 different width options, ranging from 760 - 1,060 px in size.

Fonts

Tesla Pro allows you to adjust the font choice for the Site Title, Site Slogan and body of the theme. You can choose from Arvo, Noto Serif and Open Sans. You're also able to hide the Site Title and Slogan on a per-page basis.

ExtraContent

We've included 2 ExtraContent areas in Tesla Pro theme to allow you to break out of the standard layout mold. Be sure to watch the ExtraContent video under the Tutorial's tab above to see where each is located and how to make use of them.

Navigation

Tesla's Navigation adapts to you. As you add more pages the theme compresses their width to make them all fit properly. You can have up to 12 pages in your navigation bar and each main page can have up to 12 sub pages.

Mobile Navigation

This theme provides your mobile visitors a great looking, easy to use, navigation system. The normal, desktop navigation collapses into a compact menu that can be easily accessed with the tap of a finger on mobile platforms like the iPad and iPhone.

Social Badges

You're able to insert social media badges onto your pages via small code snippets, which we've provided above under the "Badges" tab. Be sure to watch our Social Badges video in the "Tutorials" tab above to learn how to use them.

Sidebar

The sidebar can be placed on the left- or right-hand side of the content area, or hidden all together. You can choose a different location for the sidebar on a page-by-page basis. The blog's archives are located in the sidebar of the theme.

Lightbox

Tesla Pro allows you to turn on a beautiful, responsive lightbox to showcase the images on your Photo Album pages, making them open in a modal popup. Your users can even browse your entire gallery of image from the lightbox.

Blog Entry Topper

The Tesla Pro 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, providing a unique look for your entries.

Video Embeds

Tesla Pro allows you to indicate if a page will have videos embedded in it from YouTube or Vimeo. If enabled the theme will use its magic to ensure that said videos are responsive.

Scroll

You're able to enable or disable our scroll down and scroll to top buttons on a page-by-page basis. These scrollers allow you to scroll down from our big beautiful banner or up from the bottom of your page.

Logo

The Tesla Pro theme features your logo big and bold in the banner section, just above the site title. The theme adjusts your logo to help it fit in the available space, along with your site title and slogan.

Responsive

The Tesla Pro theme is built on top of a solid, responsive foundation that allows you to create one site that works great on both your visitors' desktop computers as well as their popular mobile devices like the iPhone and iPad.

Supported Browsers

This theme makes use of some of the newest web technologies in order to provide your visitors with a great experience. This means supporting the most up to date browsers that follow web standards, such as: Safari, Chrome, Firefox and Internet Explorer v9+.

Built for RW 6

This theme requires RapidWeaver 6. Tesla Pro provides a wonderful site design that is powered by some of RapidWeaver 6's new features. We hope to add more RapidWeaver 6 only features as time goes by, not only to this theme, but future themes as well!

Sample project

Want to have a jumping on point for getting started with Tesla Pro? Here's a simple RapidWeaver 6 project file, featuring the Tesla Pro theme, that you can use for whatever you like. Give it a download here.

Stock & Custom Banners

Stock & Custom Banners

ExtraContent Areas

ExtraContent Areas

Responsive Video Embeds

Responsive Video Embeds

Social Media Badges

Social Media Badges

Social Snippets

The Tesla Pro theme uses a special code snippet to help you easily place your badges for various social media sites on your page in the footer. 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>

Pinterest

<a class="myBadge pinterest" 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>

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>

Vimeo

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