SAVE A BUNDLE

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

A versatile theme that's a great starting point for just about any sort of site you’re looking to build, from a small business sites to a personal portfolio or blog.

Overview

Pushing Boundries

With the Iconic theme we continue to push the boundaries of what RapidWeaver can do, taking things right to the edge—literally—with our brand new edge-to-edge content area feature!

Iconic also has six unique ExtraContent areas, a clean polished look, built-in Font Awesome icon font, drop down navigation, photo album lightbox and more.

You'll be up and running in no time, building truly wonderful RapidWeaver-based websites for you and your clients using the Iconic theme!

Highlights

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

  • Big, bold header area
  • Huge selection of color pickers
  • Blog Entry Topper feature
  • Drop down navigation
  • Six ExtraContent areas

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

Header area

The Iconic theme contains the ExtraContent area 1 as its header area.

This allows you to create amazingly powerful headers for your pages that can contain images, text, carousels, buttons and more when building your pages with Stacks.

Sidebar

In addition to allowing you to choose to place the sidebar on the right- or left-hand side of the page, or hide it altogether, this theme also has two ExtraContent areas built right into the sidebar area!

Blog

We’ve included our Blog Entry Topper feature in the Iconic theme. If you’re new to our themes, or just new to the Blog Entry Topper, be sure to check out the Blog Entry topper tutorial video.

Background

This theme allows you to use the RapidWeaver color picker to choose a color that best suits your site.

You can also choose from several background overlays. These overlays provide depth and texture to your site background by layering textured images over your chosen color.

Width choices

You can choose from several different width options in the Iconic theme. Your width variations range from 460 - 1,260 px in size.

Widths 460 - 660 px in size hide the sidebar automatically in an effort to ensure that your content has plenty of room to display correctly.

Blog badges

Included in the Iconic theme is a very special way to do Blog Badges. You are able to place a different badges on each individual entry. To do so you must simply copy and paste a snippet of code into your blog entry.

For instructions on how to do this properly watch the Blog Badge tutorial video. Visit the Chart tab above for more information.

Color pickers

The Iconic theme contains 27 different color pickers to help you customize the look and feel of the sites you create. You can change everything from the links and content text to the social badges and much more.

Logo

The site logo appears in the title bar on the Iconic theme. It is to the left, or right of the site title, depending on your Site Title and Slogan Alignment choices. You can hide the site logo on a page-by-page basis.

ExtraContent areas

This theme sports 6 different ExtraContent areas that are unique and powerful. With so many wonderful ExtraContent areas we built in an option in the Special section of the Styles tab that will make all of the ExtraContent areas visible as well as label them for you to give you an idea of where they’re located.

Photo album LightBox

This theme has a beautiful photo LightBox built-in that provides you an alternate display method for your RapidWeaver Photo album pages. You can toggle this on and off on a page-by-page basis, and is off by default.

Social badges

The Iconic theme allows you to place select social networking badges in the menu bar. We’ve included several snippets in the Extras folder you received when you purchased your theme. You’ll install and use these to make use of the badges.

Navigation

The navigation system built-in to the Iconic theme is a great drop down menu that can handle 4 levels of pages.

Included in the Advanced section of the variations is an option to turn the first item in your navigation into a home icon.

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

ExtraContent Area

ExtraContent Area

Edge-to-edge Features

Edge-to-edge Features

Blog Entry Topper

Blog Entry Topper

Blog Badges

Blog Badges

Font Awesome Icons

Font Awesome Icons

Social Networking Badges

Social Networking Badges

Blog Badge Code

Below is the code snippet that you’ll need when making your blog badges. Copy it and paste it into your blog entry, at the bottom of the entry, as shown in the tutorial video.

Once you do that, modify the icon name to reflect the icon you wish to use. The icon name is bolded below. A full list of icon names are listed on this page.

When pasting your code snippet in your blog entry you must do one or both of these things:

  • Paste as Plain Text (Command-Alt-V)
  • Highlight your snippet once pasted and apply Ignore Formatting in RapidWeaver (Option-.)

Snippet

<i class="blogBadge icon-pencil"></i>


  • 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-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-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • 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-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-cloud-download
  • icon-cloud-upload
  • icon-stethoscope
  • 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
  • icon-suitcase
  • icon-building
  • icon-angle-left
  • icon-angle-right
  • icon-desktop
  • icon-laptop
  • icon-folder-open-alt