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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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+.
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!
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.
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.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge pinterest" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge email" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge windows" href="#"></a>
<a class="myBadge vimeo" href="#"></a>