Serenity is Waterfall enabled

Theme details

Theme name: Serenity
Theme designer: Henk Vrieselaar
Current version: 1.0
Last updated: 1st April 2019
First released: 1st April 2019
Compatibility: RapidWeaver 8 Only
GDPR / DSGVO compliant: Yes
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 5.8.1
Bootstrap version: 4.3.1
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

Share this page

Introduction

CSS Flexbox is the future of modern web design. Serenity brings you the flexibility and sophistication of Flexbox directly into this highly dynamic RapidWeaver theme. This theme inspires you to create beautifully modern webpages that are fully 'content aware' and reflow intelligently to fit and align your content.

Another great feature about Serenity is that it purposefully foregoes the use of a drop-down menu or mobile toggle menu. This makes completed webpages exceedingly easy for end users to navigate; irregardless of what web browser or device they land upon your website with. If you have set a criteria of building a fast and accessible website with RapidWeaver, Serenity is perfect.

How to use Serenity

The theme installs and works identically to any other conventional theme. Of note, Serenity requires a minimum of RapidWeaver 8, to function.

In essence, you are presented with a simple two-column layout. A sidebar on the left and a main content container on the right. You will immediately notice how items within the sidebar have got equal spacing between them; giving us this beautifully 'balanced' appearance. This is a prime example of Flexbox in action. Settings exist in the theme to adjust the Sidebar Flexbox alignment very easily.

Likewise, content you place inside the main content container can be positioned either top, middle or bottom using the Content Vertical Alignment options. This is great if you want to display an eye catching picture on your webpage, with some minimal text layered over the top. If the amount of content exceeds the height of the area, the content scrolls like normal - there is never any danger of the layout breaking or content becoming obscured.

Speaking of background pictures, it is very easy to add your own image using the Banner drop zone within the Page Inspector. Again some clever wizardry within Serenity will calculate the image size and position for 'best fit'. Images are fixed to the page background and do not scroll.

Our free Zonal stack is supported by Serenity, for users wishing to create a mesmerising mouseover background effect. Perfect for a website homepage.

Mobile remains an important factor. The Breakpoint setting regulates the desired screen width you want your mobile adaptations to take effect. 996px is the default breakpoint. Below this screen width, the sidebar will be placed either above or below the main content container. It is often nice to have some of the background picture still showing, so the Content Minimum Height slider helps you apply a minimum height to the content contained; expressed in 'viewport height' units of measurement. The default value of 80% should mean a user can see there is more content to scroll down to.

Of course there are plenty of other settings to experiment with. Within a short space of time you can easily generate an expert-grade web design that will work flawlessly for years to come. Serenity has over 120 font faces to choose from, numerous colour settings and plenty of Miscellaneous style options to do various things.

Background images

Some themes restrict the number of custom backgrounds you can select to use. Serenity approaches things rather differently, in allowing you to provide any number of custom background images through the Page Banner drop zone, within the Page Inspector. What's more, the theme will intelligently resize and position your image to fill the whole page. You simply have to provide a JPG image at 72 DPI, with a modest file size. The theme will do the rest for you. Alternatively the body background image can be turned-off in the theme style settings and replaced with a solid colour fill instead.

Video backgrounds

Experimental support is provided for video backgrounds. You will need to download and use the free uTubeFill stack from Stacks4Stacks. Add this to a webpage and configure it with a video ID. The Selector wants changing to #contentContainerWrap in the stack settings. This configuration will work well in all mainstream desktop browsers. Tablets and mobile devices will display a static image (normally the video thumbnail or poster image).

ExtraContent

Serenity has a total of 14 theme ExtraContent containers. These allow you to use special stacks or code snippets to place content within different parts of the page. You can see where each one is located, using the Preview Extra Content Containers option in the theme miscellaneous settings. Note that some of these containers are only shown when particular theme settings are enabled (like the top header container or sidebar).

More

The free demo version of Serenity 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 Serenity provides you with a licensed copy of Serenity; without any demo restrictions applied.

Clicking this link will take you to a sample website published using Serenity. 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 Serenity, please don't hesitate to get touch.

* Purchases of Serenity exclude 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
Pricing
Paddle
Customer support

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 that your computer is capable of running (preferably RapidWeaver 7 or greater).

If you cannot get the free demo version of this theme to work, DO NOT proceed with purchasing this theme - please request technical assistance first.

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.

Pricing
Prices shown on the website exclude any applicable VAT. The final price payable is shown at the checkout. You will be sent a full receipt by email. Charitable and bulk discounts may be available on request. Please get in touch if you have any queries about our pricing.

Paddle
Our order process is conducted by our online reseller Paddle.com. Paddle.com is the Merchant of Record for all our orders. Paddle provides all customer service inquiries relating to order processing. Paddle also provides an order lookup system, commonly referred to as your Paddle Account.

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