SAVE A BUNDLE

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

The Atmosphere theme allows you to build a beautiful, professional looking, responsive site in no time! You can develop both business and professional sites with this amazing theme, for you and your clients!

Overview

Out of this world

The Atmosphere theme is a very versatile theme, built on a responsive foundation that allows you to construct a site that both looks and works great on your visitor’s desktop computer as well as their mobile devices.

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

We’ve included several different ExtraContent areas, our Blog Entry Topper feature, an amazing navigation system, a slew of different color pickers and a whole lot more!

Customizable

The RapidWeaver Page Inspector makes it easy to customize your pages. We offer you a large variety of theme variations in the Page Inspector to help you personalize your sites:

  • A huge variety of site backgrounds
  • Social networking badges
  • Tons of color pickers
  • Transitioning site backgrounds
  • Much more!

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

Site Background

The Atmosphere theme has a strong focus on setting an overall feel to each of your site's pages.

It allows you to choose from a huge selection of built-in stock images for your background. It also lets you insert your own images via the resources section within the RapidWeaver app.

Some of the stock backgrounds can even be turned into rotating slideshows. Be sure to check out the live demo site to see it in action.

Divided

This theme is divided into a left- and right-hand side, both of which adjust their widths responsively.

The left-hand side contains the navigation, site logo, site title, social media badges, sidebar and ExtraContent area 4.

The right-hand side is the content area and contains ExtraContent areas 1-3, the main content and the breadcrumb trail. Its background can be set to be translucent, allowing your beautiful backgrounds to show through.

More Backgrounds

In addition to setting amazing images for the background of your site you can also choose from several stock images for the background of the left-hand side.

Along with the over 25 stock images that come built-in to the theme, you can also customize the left-hand background with your own images as well using the resources section.

Any images you wish to use for the left-hand background must be 786 x 822 px in size.

Toggles

Atmosphere allows you to toggle elements of the theme on and off on a per page basis. This allows you to customize the structure of each page. Here's a look at the toggles available to you:

  • Flexible video embeds
  • Hide site slogan
  • Hide page title
  • Hide breadcrumb trail
  • Hide footer
  • Hide left-hand side
  • Show home button
  • Label navigation
  • Show scroll to top button
  • Hide site logo

Site Title

You're able to change the look of your site title by both adjusting its font as well as its size and alignment.

The site title can be aligned to the left, or centered, and you can choose from large, medium or small for its size.

Fonts available to you for the site title's typeface are:

  • Lato
  • Georgia
  • Verdana
  • Helvetica
  • Marvel

Slogan & Page Title

At the top of each page, within the right-hand side, you'll find a page title and site slogan.

The site slogan can be set within RapidWeaver's site setup and the Page title shows the page name, or the Browser Title (if you've set one in the Page Inspector). These two items can be customized by changing their font type:

  • Lato
  • Georgia
  • Verdana
  • Helvetica
  • Marvel

Social Badges

We’ve included a snippet below to allow you to add social media badges to your pages. 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>

Content & Sidebar

You're able to change the font styling for the main content area and the sidebar, as well as to set the color for both the text and links in those areas.

You can choose from the following fonts for both:

  • Georgia
  • Verdana
  • Helvetica Neue

Maximum Width

While the Atmosphere theme is a responsive theme and adjusts its width depending on your visitors browser width, or device, the theme still allows you to set a max-widht to be displayed.

This caps the width of the combined left- and right-hand sides at a width of your choosing. This allows you to adjust things better for your content.

Blog Entry Topper

We've included our ever-popular Blog Entry Topper feature in the Atmosphere theme as well. This allows you to insert images at the top of each of your individual blog posts, just above the blog entry title.

Color Pickers

Throughout the theme variations for the Atmosphere theme we offer an astounding number of color pickers for you to customize the look and feel of your site. There are over 20+ different color pickers included!

Edge-to-edge

This feature allows the ExtraContent areas 1 & 3 to span the entirety of the content area. This allows for some really nice styling and also allows you to use 3rd-party stacks like Refined Slidr to make beautiful slideshows that pop!

Lightbox

Atmosphere comes with a great lightbox built right in that automatically transforms your normal RapidWeaver photo album pages into gorgeous lightbox galleries. Check out the preview site to see it in action.

Navigation

The navigation for the Atmosphere theme is a vertical navigation that appears in the left-hand side of the theme. It is opened using a toggle button and displays amazingly on both desktop and mobile devices.

Font Awesome

This theme comes with the Font Awesome icon font built right in. If you're familiar with Font Awesome you already know how great this is... if not, be sure to watch our video on how to use the Font Awesome icon font to your advantage!

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

Custom Backgrounds

Custom Backgrounds

ExtraContent Areas

ExtraContent Areas

Blog Entry Topper

Blog Entry Topper

Social Badges

Social 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