Free Download A small donation of $10 USD or more is required if you want to switch-off or hide the designer credits in Spatial.

Theme details

Theme name: Spatial
Theme designer: Will Woodgate
Current version: 1.0.0
Last updated: 25th November 2021
First released: 25th November 2021
Compatibility: RapidWeaver 7 & 8
GDPR / DSGVO / CCPA compliant: Yes
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 5.10.3
Bootstrap version: 4.5.1
Usage agreement: Click for details
Example website: View online
Download example website: Click here

Support links

Knowledge Base
1-to-1 Technical Support
RapidWeaver Community Forums

Free resources

Bootstrap code snippets
ExtraContent stacks & snippets
Complimentary Stacks
More Stacks

Share this page

Introduction

A minimalist theme using the Helvetica font face for headings and Garamond for body content. A good choice of design to use for business websites, blogs and education. As you would expect, this modern theme is fully mobile compatible and tested to work in all newer web browsers.

Colour pickers

Within the theme style settings, you'll find over 45 colour pickers. These let you easily customise the colour scheme of your webpages and effortless change the colouring of common elements like the navigation, header, body content and footer.

Enhanced navigation

The navigation components supplied with Spatial are a little flat, it's fair to say. In this theme we've opted for a toggle navigation layout on smaller screens and an animated drop-down menu on wider screens. The system of navigation implemented in this theme ties-into the navigation links that RapidWeaver generates, so you do not need to hand-code or purchase additional navigation addons. Navigation in Spatial is designed to help your website users effortlessly navigate quickly through your webpages. Multiple levels of navigation links are supported. If drop-down menu's are not your preferred flavour, simply toggle to either a split or block navigation layout in the theme settings; just like you can in many of our premium theme designs!

Header images

By default, the header region in Spatial is blank. However you can add a custom background image by dragging and dropping a suitable one into the banner drop zone, within the RapidWeaver user interface. The demo site provides a few examples of this.

Style settings

A basic array of style settings are built into the Spatial theme, permitting you to customise several key aspects of page design and layout. These include options to change the navigation bar, header and footer alignment, change the sidebar positioning and toggle a couple of extra useful settings like a reduced header height, breadcrumb links and hide the logo, navigation bar, site title or site slogan.

Social networking buttons

Social networking is a vital aspect in many websites. Spatial includes the Font Awesome icon library; instantly giving you access to over 600 quality font icons. ExtraContent 3 (in the website navigation bar) is perfect for displaying a couple of linked buttons that point to your favourite social networking hangouts. The live demo site and downloadable website file provide a prime example of these social networking icons and an idea of how to get them setup in your own projects. The code is located in Settings > Code > Body.

Use the Bootstrap code snippets!

You've probably already seen on this website that every RapidWeaver theme is accompanied with a FREE Bootstrap snippets pack (the link is within the sidebar of every theme product page like this one). If you have already browsed the examples on the Bootstrap website, then these snippets make it faster and easier to get many of these components into your webpages. Everything like headings, grids, tables, buttons, nav blocks, image sliders, tabs and collapsable accordions are supported. If you're a novice RapidWeaver user struggling to comprehend the synergy between code and content, then these snippets are very educational. And if you are an experienced designer wanting greater flexibility, the snippets work equally as well for building more sophisticated webpages.

Customising the toggle menu button text, breadcrumb prefix and last updated prefix

These labels are easily customised with the following CSS code:

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

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

#breadcrumb:before {
content: 'Viewing';
}

This code allows you to change the text shown. Enter CSS code in your General > Code > CSS or Page Inspector > Code > CSS settings.

A small reminder...

Spatial is generously provided to you as a free RapidWeaver theme. You are welcome to download Spatial and use it for any personal or commercial projects. All that is politely asked is that any credits remain intact. If you want the credits removed or want to show your appreciation for this theme, a small monetary contribution of $10 USD or more is appreciated.