SAVE A BUNDLE

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

A RapidWeaver theme with a unique take on page layout and design. Great for portfolios, blogs, small business sites and a whole lot more!

Overview

Sophisticated style

The Lightning theme offers you a modern, clean design to build your blog, portfolio or small business site around at an affordable price!

It takes theme layout to the next level, dividing the page into two halves, giving your pages a nice professional look.

Lightning uses the RapidWeaver 5 Resources for adding your own tiling backgrounds to the left-hand side as well as for your custom banner images.

On top of all of this it also offers you a plethora of badges, four ExtraContent areas and our signature Blog Entry Topper feature.

Theme options

Through the RapidWeaver Page Inspector we offer you a large variety of theme variations to create your site. Here's a few highlights:

  • Split page design
  • Custom banner images
  • Large assortment of color pickers
  • Blog Entry Topper images
  • Drop down navigation
  • Prominent logo placement

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

Header area

The Lightning theme allows you to insert your own images into the header area of the right-hand side of the theme using the Resources section of RapidWeaver. There are a total of 20 different, custom header slots available for your use.

Header width

Your header image dimensions vary based upon your choices in the Page Inspector. If you've chosen 960 px as your page width, your header image will need to be 480 px wide. If you've chosen 1,120 px as your page width, it will be 560 px.

Header width & visibility

We've also included the ability to adjust the height of the header image using the page inspector.

You can also choose to hide the header on each page. The header is hidden by default.

Sidebar

The sidebar for this theme is located on the left-hand side of the page, below the logo, title and slogan.

If you're using the ExtraContent area 3, which is also located in the left-hand side of the theme, the sidebar appears below that ExtraContent area as well.

Background styling

You are given several options for changing the background of the left-hand side of the theme.

You can choose from one of 17 built-in tiling background images, use your own image as a tiled background, or use the RapidWeaver color picker.

Width settings

Since the Lightning theme needs to be of a good sized width to work with its unique layout, we’ve provided to specially chosen widths for you to choose from: 960 px and 1,120 px. When inserting content into these areas the content areas will be 480 px and 560 px wide, respectively.

Blog

The Lightning theme provides you the ability to use our Blog Entry Topper feature as well as unique badges, allowing you to dress up your blog posts and give them some real personality.

Navigation

This theme features a drop down menu style navigation, located at the top of the right-hand side of the theme. Be sure to check out the live preview site which shows the navigation at work.

Make mine modern

We've incorporated a series of features in the Lightning theme that will benefit both you and your visitors. These new features are designed for the modern browsers that your visitors are using: Safari, Chrome, FireFox and Internet Explorer 9+.

ExtraContent area

This theme features 4 ExtraContent areas to help you break out of the standard RapidWeaver page mold.

  • ExtraContent area 1 is located on the right-hand side, just beneath the navigation and above the site content.
  • The second ExtraContent area is located below the site content, on the right-hand side.
  • ExtraContent area numer 3 is located on the left-hand side, below the logo, title and slogan, just above the sidebar content.
  • The final ExtraContent area is at the top of the right-hand side of the theme, just below the header (if visible) and above the navigation.

Site title

We offer a few different fonts to choose from for the site title.

  • MuseoSlab
  • OpenSans
  • Georgia
  • Helvetica Neue


Iconic font

The Lightning theme also has the Font Awesome icon font included in it’s internal workings which powers some of the different badges and icons throughout the theme. You can choose from 6 different font sizes for the site title, and 4 different slogan sizes.

Be social

Badges abound in the Lightning theme. It features everything from social networking badges at the bottom of the left-hand side of the theme as well as special badges for the blog, files sharing and standard page types.

We’ve included a snippet below for the social media badges. We’ve got a video in the Tutorials section on this page that shows you what the badges are and how to use them.

Social badges snippet

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

| ###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+.

Using ExtraContent

Using ExtraContent

Custom Headers

Custom Headers

Left-Side Background

Left-Side Background

Blog Entry Topper

Blog Entry Topper

Badges

Badges
  • icon-glass
  • icon-music
  • icon-search
  • icon-envelope
  • icon-heart
  • icon-star
  • icon-star-empty
  • icon-user
  • icon-film
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-ok
  • icon-remove
  • icon-zoom-in
  • icon-zoom-out
  • icon-off
  • icon-signal
  • icon-cog
  • icon-trash
  • icon-home
  • icon-file
  • icon-time
  • icon-road
  • icon-download-alt
  • icon-download
  • icon-upload
  • icon-inbox
  • icon-play-circle
  • icon-repeat
  • icon-refresh
  • icon-list-alt
  • icon-lock
  • icon-flag
  • icon-headphones
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-qrcode
  • icon-barcode
  • icon-tag
  • icon-tags
  • icon-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-cloud-download
  • icon-cloud-upload
  • icon-stethoscope
  • icon-suitcase
  • icon-building
  • icon-angle-left
  • icon-angle-right
  • icon-desktop
  • icon-laptop
  • icon-folder-open-alt
  • icon-align-right
  • icon-align-justify
  • icon-list
  • icon-indent-left
  • icon-indent-right
  • icon-facetime-video
  • icon-picture
  • icon-pencil
  • icon-map-marker
  • icon-adjust
  • icon-tint
  • icon-edit
  • icon-share
  • icon-check
  • icon-move
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-play
  • icon-pause
  • icon-stop
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-chevron-left
  • icon-chevron-right
  • icon-plus-sign
  • icon-minus-sign
  • icon-remove-sign
  • icon-ok-sign
  • icon-question-sign
  • icon-info-sign
  • icon-screenshot
  • icon-remove-circle
  • icon-ok-circle
  • icon-ban-circle
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-share-alt
  • icon-resize-full
  • icon-resize-small
  • icon-plus
  • icon-minus
  • icon-asterisk
  • icon-exclamation-sign
  • icon-gift
  • icon-leaf
  • icon-fire
  • icon-eye-open
  • icon-eye-close
  • icon-lightbulb
  • icon-exchange
  • icon-hospital
  • icon-ambulance
  • icon-angle-up
  • icon-angle-down
  • icon-double-angle-left
  • icon-tablet
  • icon-mobile-phone
  • icon-warning-sign
  • icon-plane
  • icon-calendar
  • icon-random
  • icon-comment
  • icon-magnet
  • icon-chevron-up
  • icon-chevron-down
  • icon-retweet
  • icon-shopping-cart
  • icon-folder-close
  • icon-folder-open
  • icon-resize-vertical
  • icon-resize-horizontal
  • icon-bar-chart
  • icon-twitter-sign
  • icon-facebook-sign
  • icon-camera-retro
  • icon-key
  • icon-cogs
  • icon-comments
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-star-half
  • icon-heart-empty
  • icon-signout
  • icon-linkedin-sign
  • icon-pushpin
  • icon-external-link
  • icon-signin
  • icon-trophy
  • icon-github-sign
  • icon-upload-alt
  • icon-lemon
  • icon-phone
  • icon-check-empty
  • icon-bookmark-empty
  • icon-phone-sign
  • icon-twitter
  • icon-facebook
  • icon-github
  • icon-unlock
  • icon-credit-card
  • icon-rss
  • icon-hdd
  • icon-bullhorn
  • icon-bell
  • icon-certificate
  • icon-hand-right
  • icon-hand-left
  • icon-hand-up
  • icon-hand-down
  • icon-circle-arrow-left
  • icon-bell-alt
  • icon-file-alt
  • icon-medkit
  • icon-h-sign
  • icon-double-angle-right
  • icon-double-angle-up
  • icon-quote-left
  • icon-quote-right
  • icon-reply
  • icon-circle-arrow-right
  • icon-circle-arrow-up
  • icon-circle-arrow-down
  • icon-globe
  • icon-wrench
  • icon-tasks
  • icon-filter
  • icon-briefcase
  • icon-fullscreen
  • icon-group
  • icon-link
  • icon-cloud
  • icon-beaker
  • icon-cut
  • icon-copy
  • icon-paper-clip
  • icon-save
  • icon-sign-blank
  • icon-reorder
  • icon-list-ul
  • icon-list-ol
  • icon-strikethrough
  • icon-underline
  • icon-table
  • icon-magic
  • icon-truck
  • icon-pinterest
  • icon-pinterest-sign
  • icon-google-plus-sign
  • icon-google-plus
  • icon-money
  • icon-caret-down
  • icon-caret-up
  • icon-caret-left
  • icon-caret-right
  • icon-columns
  • icon-sort
  • icon-sort-down
  • icon-sort-up
  • icon-envelope-alt
  • icon-linkedin
  • icon-undo
  • icon-legal
  • icon-dashboard
  • icon-comment-alt
  • icon-comments-alt
  • icon-bolt
  • icon-sitemap
  • icon-umbrella
  • icon-paste
  • icon-user-md
  • icon-beer
  • icon-coffee
  • icon-food
  • icon-fighter-jet
  • icon-plus-sign-alt
  • icon-spinner
  • icon-double-angle-down
  • icon-circle-blank
  • icon-circle
  • icon-github-alt
  • icon-folder-close-alt