ThemeFlood.

Introduction

A theme made for the modern internet. Not only does Torrent look great on the surface, but it boasts some of the highest website accessibility standards possible with RapidWeaver. Dedicated light and dark colour modes reflect the preferred viewing preferences of your website users. Torrent is expertly coded with support for modern web tech stuff; including variables, Flexbox, responsive scaling and embedded WOFF2 font faces. A solid theme for building exceptional websites in RapidWeaver to stand the test of time.

ExtraContent

18 ExtraContent containers are provided in Torrent. You can see where they are by clicking Miscellaneous > Preview ExtraContent Containers at the bottom of the theme style settings. See our knowledge base for instructions on setup of ExtraContent or download the sample project file to go with this theme.

ExtraContent 10, 11, 12, 14, 15 and 16 are standalone content boxes (with a background, border, padding and shadow) to mimic your main content and sidebar regions. Perfect for the placement of text, images, video, columns or stacks.

ExtraContent 13 is branded as the 'Sub Content' container in this theme. A vivid ExtraContent container that spans the full width of the page. Ideal to place a newsletter signup form, social media icons or some eye-catching customer testimonials. Here is some typical code you could use for a newsletter signup form in ExtraContent 17 could be:

<h3>Signup for our FREE newsletter</h3>
<p>Expert hints and tricks direct to your inbox every month</p>
<form class="solid_grid" method="address/of/the/email/service/you/are/using">
    <input type="text" placeholder="Your Name">
    <input type="email" placeholder="example@example.com">
    <input type="submit" value="Subscribe" class="posh_button" data-reveal="Subscribe">
</form>

All the ExtraContent containers in this theme are 'content aware'. That means they automatically display, only when content is placed inside of themselves. This makes Torrent an easy theme to use. Less switches and toggles!

Colour modes

Have you noticed that newer computers and handheld devices have a 'night time' or 'dark' viewing mode? Torrent gives you colour pickers to create dedicated light and dark viewing modes for your website. If a user lands on your website in dark mode, then the dark colour scheme gets used, instead of the light colour scheme. You can test this in browsers like Firefox, using the Dark Website Forcer extension or developer tools. Torrent is the first RapidWeaver theme to include colour switching.

Banner

You can add custom banner images in your general website settings or through the RapidWeaver Page Inspector. Images are intelligently scaled to fit the banner container. The height of the banner container is adjustable in the theme style settings. The banner overlay colour picker applies a tinted overlay - useful to tone-down photography and make your banner content more readable.

Navigation

Torrent opts for a drop-down menu on desktop and reuses the same HTML markup for its mobile toggle menu. Of particular note, you can navigate through the entire desktop menu using your computer tab and return keys. This makes Torrent compliant with all relevant website accessibility regulations. The navigation bar shrinks to a smaller height as the page is scrolled down. The navigation bar background fill (visible on mouseover or when the page is scrolled) greatly improves the clarity of links.

Pixel perfection

Torrent avoids creating a web design that is too flat. The addition of customisable background patterns, rounded corners and box shadow effects give completed webpages an added level of quality.

Creating headlines

You can create headline text at the top of each webpage content container using HTML markup like this:

<h3 class="headline">Hello World!</h3>

Replace the 'hello world' text with your own text. Content with this special 'headline' class appleid to it will be enlarged, centred and displayed with a thin border line underneath. This can provide a great summary about what the page is about.

Footer social networking icons

ExtraContent 17 provides an ideal space to setup social networking icons in your webpage footer. The HTML markup for these icons can be as simple as this:

<a href="mailto:info@example.com"><i class="far fa-envelope"></i></a>
<a href="tel:012345678910"><i class="fas fa-phone"></i></a>
<a href="https://twitter.com/username"><i class="fab fa-twitter"></i></a>
<a href="https://facebook.com/username"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/username"><i class="fab fa-instagram"></i></a>
<a href="http://linkedin.com/username"><i class="fab fa-linkedin"></i></a>

Any Font Awesome icon links placed in ExtraContent 17 are automatically enlarged to button size, with additional spacing around them.

Compatibility

As you would expect, Torrent is developed and tested to work reliably in all modern web browsers and different smartphone / tablet devices. This theme uses valid HTML markup. Torrent is also compatible with all your favourite RapidWeaver plugins and stacks.