Flare is Waterfall enabled

Theme details

Theme name: Flare
Theme designer: Will Woodgate
Current version: 1.0
Last updated: 25th November 2019
First released: 25th November 2019
Compatibility: RapidWeaver 8 Only
GDPR / DSGVO compliant: Yes
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 5.10.3
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

Share this page

Introduction

Flare is heavily derived from the Volcano theme. Volcano continues to prove immensely popular with people seeking to build professional-grade business and service websites. Along the way, we have collected lots of feature requests from users. Particularly feature requests relating to things only found in RapidWeaver 8, like RGBa colour support and number inputs.

Rather than disrupt existing users of Volcano, we opted instead to duplicate Volcano. Then begin building-in many of the feature requests received, into the new Flare theme. The finished result is a modern, reliable and extremely capable RapidWeaver theme design. Flare encapsulates all the best things in modern web design, and combines this with the latest API features on offer in RapidWeaver 8. Flare is an exciting theme with huge potential.

Note: Flare replaces the previous Longitude theme. If you are an existing user of Longitude, you can login to your Paddle account to download Flare at no additional cost.

Excellent accessibility

Flare supports keyboard tab navigation on all links and the main menu at the top, including the drop-downs. This means the theme easily complies with all stringent accessibility guidelines and ensures everyone to your website gets the best possible experience. Links are outlined with a dotted border, when they receive tab focus. We purposefully forego features like scroll-fixed positioning on the header bar, for this same reason.

Navigation

On desktop you are presented with a conventional horizontal / dropdown navigation menu. On screen widths below the specified breakpoint, this converts to a toggle navigation menu. Multiple levels of navigation links are supported by Flare, so you have the capability to build quite large websites with this theme.

The icons displayed alongside page links are totally optional. These are created using free Font Awesome icons. The Knowledgebase shares some more details about how to setup your own icons alongside page names. It can add a rather nice finishing touch to the navigation menu.

Backgrounds

You can apply subtle textures and background effects on elements like the header bar, banner, content area and footer. These work to give finished webpages a less 'flat' appearance. Often it's these types of small details that can make a big difference to the presentation of websites.

Sidebar

By default, this is turned off in the theme style settings. It is possible to turn it on and change its width to anything you like. The sidebar can be floated either left or right on desktops and positioned top or bottom of the main content container on mobile devices.

Configuring ExtraContent 5

Any Font Awesome icon placed in ExtraContent 5 will be 'supersized'. That is to mean it will have its font size dramatically increased. The font size is set to 150px on mobile and 250px on desktop. This can be changed in the theme style settings, within the Sizing and Dimensions group. The idea of this feature is to display an icon at a large size, to give it relevance to what the page may be about.

If you want to make an icon look like an app icon, you can supply additional CSS code like this:

#myExtraContent5 i {
background: rgba(255,148,11,1.00);
height: 200px;
width: 200px;
display: block;
border-radius: 20%;
margin: auto;
position: relative;
box-shadow: inset 0 0 20px 3px rgba(0, 0, 0, 0.2);
pointer-events: none;
cursor: pointer;
}

@media screen and (min-width: 768px) {
#myExtraContent5 i {
height: 400px;
width: 400px;
margin-right: 0;
}
}

#myExtraContent5 i:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.75;
color: white;
}

This CSS code will centre align the icon inside a rounded box, apply shadow effects, reduce the opacity of the icon and change its colour to white. Potentially you could modify of further extend this code even further.

You are not restricted to only being able to use Font Awesome Icons inside ExtraContent 5. This container also makes a great space to place an embedded video, a slider, more written content or images. Because we use CSS Flexbox in the banner, things will automatically resize and flex to fit the content you supply. On screens less-than the breakpoint width (like smartphones) these banner content boxes are stacked vertically.

Lots of themes have rather boring footer areas. In Flare, the footer comprises of multiple mixed-width columns configured with ExtraContent. These allow you to place lots of valuable links and other content at the bottom of your webpages. It's also a good place to put things like social media sharing and bookmarking icons. If you have not used ExtraContent before, you can find more details about this theme technique in the Knowledgebase. Flare has a large quantity of useful ExtraContent containers located elsewhere in the page too.

More

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

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

* This price shown for Flare includes any applicable VAT or sales tax payable. We attempt to display the price in your local currency. 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 legislation. 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