Ratio is Waterfall enabled

Theme details

Theme name: Ratio
Theme designer: Henk Vrieselaar
Current version: 2.0
Last updated: 19th November 2017
First released: 3rd March 2016
Compatibility: RapidWeaver 6, 7 & 8
GDPR / DSGVO compliant: Not yet
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

Bootstrap code snippets
ExtraContent stack & snippet pack
FreeStyle banner stack
Pexels stock photography
Stockio free images & video
Unsplash stock photography

Ratio updates

Updates for Ratio are free for all existing users. Please see this Knowledgebase page for detailed information about obtaining and installing updates. To request an update for Ratio, please click the button below (this launches your email app).
Request A Free Update

Share this page


Designed and developed by Henk Vrieselaar, Ratio is unlike any other RapidWeaver theme you've seen before. Split into two columns, Ratio puts a banner and main content container on the left, and the site title, slogan and navigation on the right. On smaller devices (like mobile) everything is rearranged into a single column layout.

The ingenuity that has gone into this theme is extremely impressive. Not only do completed pages look stunning, but a large quantity of style and colour settings are available for you to adjust. Plus the banner image can be easily configured with your own images, dragged and dropped into the Page Inspector (RW7 only).


The responsive Ratio theme is divided in a left and a right area. In the right area you’ll find a fixed (desktop) drop down menu with sub levels. Down and right arrows show the menu-items with a sub level for easier navigation through your website.

Fixed Or Floating

The right side of the page is always fixed on your desktop when you scroll down. However you can change this behaviour in the theme style settings, and have both left and right sides of the page scroll down.


There are different options for the sidebar, available for selection in the theme style options. The default behaviour is to hide the sidebar. You can show the sidebar above main content area (with or without Toggle Button), or move the sidebar onto the right side, in place of ExtraContent 1.


ExtraContent allows you to add more content then RapidWeaver typically allows. If you have not used ExtraContent before, take a read of the chapter in the ThemeFlood Knowledgebase. There are 3 ExtraContent areas in this theme:
  • ExtraContent 1 is located at the bottom of the right side. Nice for a short message, social icons, a stack or a search box. When the sidebar is moved onto the right side, the ExtraContent 1 area is hidden.
  • ExtraContent 2 is above the main content area. By default it’s hidden, but shows up when you check the option to hide the banner, in the banner height settings.
  • ExtraContent 3 is located between the main content and the footer. Again, this one is well placed to display a variety of different content.


Ration includes our pioneering RWFontKit plugin, which lets you instantly access and choose to use well-over 100 web safe and popular embedded font faces. These fonts can be applied to the body content, navigation and headings etc. No code or theme modification required - just select the desired font face and preferred font weight in the theme style settings. By default, Open Sans is used.

Scroll To Top Button

A scroll-to-top button (any colour is possible) fades in at the bottom of your pages, when you scroll down. You can hide it in the theme style settings if you don't want it. These types of buttons have become a popular trend in recent years, in modern web design.


The traditional fixed width web design is obsolete doesn't work any more. Web design needs to be adaptive. The layout needs to automatically adjust to fit all display resolutions and devices. Building separate websites for different devices is not really an acceptable practice any more.

Using a theme like Ratio, you publish a single website that all newer devices and web browsers can access without problem. Ratio does all the hard work for you. No complicated configuration or coding is required. Take a look at the live demo site in your web browser and try resizing the screen. Or navigate to the test site on your smartphone or tablet.


The logo and site title have a link with the index.html page of your website. By default the logo is above the site title. There are different options for the logo, for example replace it with the site title. Optional you can put it in an ExtraContent area (EC1 for example).

Font Awesome

With Font Awesome built into Ratio, you have access to over 500 icons at your disposal, in any color and any size you like. And they are completely free for commercial use. Unlike images, Font Awesome icons work really well on retina display devices. No further configuration is required to use Font Awesome icons in Ratio; just ensure you have CSS consolidation enabled in the site settings.


The free demo version of Ratio can be downloaded using this link. 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 Ratio provides you with a licensed copy of Ratio; without any demo restrictions applied.

Clicking this link will take you to a sample website published using Ratio. This may give you a better insight into how this theme looks and behaves. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver. Feel free to use this file as the basis for a new website.

If you have any other questions about Ratio, please don't hesitate to get touch.

* Purchases of Ratio 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
License agreement
Refund policy
Purchase process
Sales Tax & VAT
Customer support

System requirements
This theme requires RapidWeaver 7 or above. It will not work with other platforms (like Wordpress).

We recommend you aim towards installing the latest version of RapidWeaver that your computer is compatible with. Separate fees may apply.

License agreement

You may use this purchased 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.

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.

If the free demo version does not work for you, kindly refrain from buying the theme.

Purchase process
The checkout system is provided by Paddle. An attempt is made to display prices in your local currency.

To complete your order, you must supply a valid email address. Your purchase receipt and download link will be sent to this address. If you do not receive your purchase shortly after completing it, please carefully check your spam or junk mail folders.

Your purchases are available to re-download at anytime, via this order lookup page.

Sales tax and VAT
As of 1st January 2015, the European Union has implemented a law that requires VAT to be collected on the purchase of any digital downloads supplied to citizens of any EU country.

All sellers worldwide are legally required to comply with this law. Failure to comply can result in prosecution of both sellers and customers.

Based on the information you supply at the checkout, if it is determined you are buying from within the EU, your purchase will include the mandatory amount of VAT. The amount of VAT paid depends on the country you are buying from.

You will receive a full VAT invoice / receipt at the end of your transaction, confirming what has been paid.

Customer support
If you have questions that relate specifically to this theme, you should make contact via the contact page. 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.
Like a lot of websites, ThemeFlood uses cookies and other functionality to give you the best possible experience on our website. If you continue without changing settings, we will assume that you are happy with this.