Stacks Image 1617

Gradient Stack

An infinite number of background styles.

0 People love it

Instant download.
Requires: Stacks v3 or greater.
Version : 1.0.5
Released: 1/9/2016
Last Updated : 25/01/2020

Stack Info

Overview

Gradient is limitless in its configuration. How you display your gradient background is limited only by your imagination.

Gradient creates gradient colour backgrounds inside its self. You can place any content inside a gradient stack, so Gradient stack is to all intents and purposes behaving exactly like a default 1 column stack in use. The header section above is created with Gradient stack, and you can see lots of other examples below.

Create gradients with up to 4 stops of colour, any of which may be self transparent revealing what ever is behind the stack.

You can choose to add an image background into the stack, and have that image partially revealed through the portions of the gradient you set to be semi transparent.

Stacks Image 1613
Settings

In this section, we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 1367
Gradient type

The choices here are :

  • Linear
  • Radial
Linear gradients are generated in a straight line across the direction you choose in the setting below.

Radial gradients emirate from a point and radiate outward in a circular direction.

Direction

Only available for linear gradients, the choices are :

  • Diagonal top left to bottom right.
  • Diagonal top right to bottom left.
  • Horizontal.
  • Vertical.

Transparency

This is a global transparency setting and reduces the opacity of the entire gradient, revealing what ever is behind.

Colour pickers

You can choose to use unto 4 colour pickers for the colours of the gradient. The start and end colour pickers are mandatory, as it always takes at least two colours to form a gradient. If you enable either or both of the mid point colour pickers you are given sliders to position the start point of the mid point colours within the overall gradient.

All of the colour pickers allow you to add transparency to the colour you are picking when the colour picker window opens you will see a transparency slider at the bottom.

Override text colours.

When selected you can choose to override the text colour of any stack you add inside Gradient stack as your content.

Edit Mode

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 1401

Gradient needs no fancy user interface for ease of use. It could not be easier. Just treat it as a regular default 1 column stack with the obvious exception that you see the chosen gradient in the background.

FAQ

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Live Demos

Two examples of the gradient stack in action on this page.

1: The outer container (pink top / blue bottom) is a gradient stack set to linear gradient in a vertical axis.

2: This container (light grey / dark grey) is a gradient stack set to linear gradient in a diagonal axis.

Stacks Image 1597

Linear Gradients

With up to 4 colour stops at adjustable positions, choose between vertical or diagonal directions.

Stacks Image 1599

Radial Gradients

With up to 4 colour stops at adjustable positions, choose the origin position of the gradient.

Buy Now

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Missing image

© 2018 Doobox Software. Building premium Software Mac & RapidWeaver™

Gradient Stack