Media is Waterfall enabled

Theme details

Theme name: Media
Product ID: 496542
Current version: 7.0
Last updated: 19th February 2017
First released: 21st October 2007
Compatibility: RapidWeaver 5, 6 & 7
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 4.7.0
Bootstrap version: 4.0.0
Usage agreement: Click for details
Example website: View online
Download example website: Click here

Support links

10 Minute Quickstart Guide
ThemeFlood Knowledgebase
1-to-1 Technical Support
RapidWeaver Classroom
RapidWeaver Community Forums

Free resources

Blog Enhancement Kit NEW!
Bootstrap code snippets
ExtraContent stack & snippet pack
FreeStyle banner stack
Quality stock photography

Media updates

Updates for Media are FREE for all existing customers. Please refer to this Knowledgebase article for detailed information about obtaining and installing updates.

Share this page

Introduction

Recently updated, Media is a simple yet solid multipurpose RapidWeaver theme. This traditional two-column theme is ideal for a wide choice of different projects. A broad range of customisable theme style and colour settings are built into Media, giving you the convenience and ease to build effective websites.

Header

The prominent header container in Media is formed using a FreeStyle banner container. This gives you a very flexible space in which to display eye-catching media content above the page fold (hence where the name 'media' came from). This FreeStyle banner container can accommodate static images, slideshows and even video. If you have not encountered the FeeStyle concept before, then check the details in the theme user guide. Additionally, any image placed in ExtraContent3 will be rendered as the header background.

Navigation

As any web developer will tell you, navigation is arguably the most important factor when building websites. Media provides an attractive CSS-animated drop-down menu system by default (one that has since become a framework for many other RapidWeaver themes). Many aspects of this drop-down menu can be customised in the theme style settings; it is quite possibly the most customisable menu you will find in any RapidWeaver theme.

If you are not especially keen of drop-down menu's, then don't worry. Media also includes the option of split or sidebar block navigation layouts too, providing a wonderfully simple form of navigation.

On smaller screens, the drop-down menu can be set to revert to a toggle navigation type. This avoids breakage of the menu on smaller screens (like tablets and smartphones). The exact 'breakpoint' at which the toggle navigation menu is activated can be easily changed in the theme Toggle Navigation settings.

To display downward-pointing caret icons after parent page links like we have in the demo site, simply enter this code after the page names:

<i class='fa fa-caret-down indicator' style='font-size:18px;'></i>

Style settings

As you have come to expect in many ThemeFlood RapidWeaver themes, Media includes dozens of useful theme style and colour settings. These let modify and tweak many aspects of the theme appearance. The free demo version of Media available to download from this page will give you a full insight as to what's available. You may be pleasantly surprised at just how flexible this RapidWeaver theme actually is.

Translatable text labels

Media 7 permits you to adjust different presentational text labels displayed on the screen, making this particular RapidWeaver theme very suitable for multilingual websites. Labels are set using the CSS content property, so you can use the following custom CSS code to change labels into any language:

To change the text of the mobile toggle menu button, use this custom CSS code:

#menuToggleTitle:before {
	content: 'Menu';
}

To change the text 'Last Updated' next to the last updated date stamp:

#lastUpdated:before {
	content: 'Last Updated: ';
}

To change the text 'Currently Viewing' at the start of the breadcrumb container, use:

#breadcrumbcontainer:before {
	content: 'Currently Viewing ';
}

To change the breadcrumb separators, you can use this:

#breadcrumbcontainer li:before {
	content: '>';
}

Content & Sidebar

Media has a simple two-column content and sidebar layout. Although quite a number of other RapidWeaver themes have moved away from this sort of setup, we still find it quite popular; as a way of displaying main content and complementary content.

The sidebar in this theme doesn't actually have a background. The grey background you see by default is actually the main container background visible from behind the sidebar. This setup gives the illusion of the sidebar being the same height as the content container, without the need for any messy code or Javascript hacks.

Social bar

Social media plays a vital role in promoting businesses organically via a virtual word-of-mouth. In a theme called 'Media', it would inappropriate to ignore this fact! With this in mind, Media incorporates an optional social bar container at the top of the page. This container (ExtraContent1) allows you to place useful links, icons and short extracts of information like contact details. The social bar styling can be adjusted and you can have the social fixed or static. You can also set the social box floating left or right as a box.

Future-proof

Media uses an HTML5 Doctype and has been tested and confirmed to work in IE10, IE11, Edge, Safari, Opera, Chrome and Firefox. The theme performs well on devices like the iPad, iPhone and Nexus 7. It also plays nicely with a wide variety of RapidWeaver page style plugins, like Stacks (not included).

Much work has been done to ensure that websites built using Media load quickly with less bandwidth. To achieve this, most calls to Javascript files have been moved to the end of pages and these files have been minified. Media is compatible with CSS consolidation in RapidWeaver and Gzip file compression on your web server.

As you would expect, Media is a fully responsive theme with mobile adaptations. This means that you can build a single website for conventional desktop web browsers, which can also adjust to display beautifully on smaller handheld devices like smartphones and tablets. This is an important consideration nowadays when so much website traffic comes from mobile devices.

Extra tidbits

This RapidWeaver theme includes the complete Twitter Bootstrap Toolkit. Bootstrap is laden with useful style and layout modules you can use for building powerful websites and web apps. Font Awesome Icons have been added to Media too, and these provide a choice of over 360 vector font icons which are retina-display compatible.

More

The free demo version of Media can be downloaded using this link or the button towards the top of the page. You can install the theme in RapidWeaver 5.4 or later to experiment with the theme, explore all the settings provided and test it against real content and plugins. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear periodically in parts of the page (like the banner or footer). Please see this knowledgebase article for more information about the free demo versions provided. Purchasing Media using the button towards the top of this page provides you with a licensed copy of Media; without any demo restrictions applied.

Clicking the banner at the top of this page or this link will take you to a sample website published using Media. This may give you a better insight into how this theme looks and responds. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver, on your computer. Some people find this very useful to use.

If you have any other questions about Media, please don't hesitate to ask.

* Purchases of Media includes any applicable VAT payable. As of 1st January 2015, all EU customers are legally required to pay VAT on all digital downloads or electronic services, and receive a full VAT invoice with each purchase. We fully comply with this law and you may claim-back any tax paid (if you are VAT registered or a charity / non-profit organisation exempt from paying VAT).
Thanks! Please check the following:
System requirements
This theme requires RapidWeaver. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this theme an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This theme can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the theme.

You may not resell or make this theme available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

For free themes, we are not obliged to provide technical support to customers who have not made a contribution. Additionally credits or attributes in free themes MUST remain intact, unaltered and on display at all times; unless you make a contribution and seek permission to remove them.

Refund policy
By purchasing this theme, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove themes from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate themes for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this theme, you should make contact via the contact page. For paid themes, we aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Checkout  

Cookies

Like a lot of websites, ThemeFlood uses cookies to enhance your browsing experience, improve the website and handle things like checkout purchases. You can freely opt-out of non-essential cookies at anytime by viewing and changing your preferences on this page, or by ammending your web browser settings.