FXSTACKS

Webdeersign FX RapidWeaver Stacks

The FX "SPECIAL EFFECTS" series of stacks were created to build layouts that were previously difficult to create and make them as fast as possible in RapidWeaver Edit and Preview mode. The first FX1 series creates beautiful compact social media blog type layouts with a minimum of effort for users.

FX1, FXheight, FXwidth+ and FXwidth are currently only available (and included) with Template6, Project14 and Project16.

Stacks Image 2043329
Author: Gary
FX1 + FXheight + FXwidth
This type of layout is what FX1 was created to build. The layout collapses and preserves the overall layout rounding.
Stacks Image 2043342
Reviews
Checkout Template6 to see FX
Stacks Image 2043764
Author: Gary
FX1 + FXheight + FXwidth
This type of layout is what FX1 was created to build. The layout collapses and preserves the overall layout rounding.
Stacks Image 2043777
Reviews
Webdeersign FX RapidWeaver Stacks

FX1

Stacks Image 2043713
Author: Gary
FXwidth+ + FXheight
Height and width controlled at multiple breakpoints
Stacks Image 2043726
Reviews

FX1 was created to build those great rounded 2 column "Ghost blog" layouts that have become popular but were difficult to build in RapidWeaver. FX1 now makes this not only possible, but easy to understand and best of, remains quick because it is a dedicated layout stack that only does this one cool thing.

  • Set Max width for 3 screen sizes
  • Fully adjustable 2 column layout with pixel adjust collapse below breakpoint
  • Use an FXheight in one or both columns
  • Set border radius that is maintained when when columns collapse
  • Fully adjustable pixel size breakpoints
  • Optional remote image background (warehouse image) with cover and position control
  • Option to enable shadow with offest, blur, spread and colour settings
  • Custom Class advanced option
  • Foundry, Foundation & Blankstrap compatible
Stacks Image 2043665

FXheight

FXheight is a 3 range fixed height stack that makes creating layouts easy to understand. The main content cane centred vertically and horizontally so you don't have to worry about equalising column of adding padding. Heres the clever bit: You can also add content that is pinned to the top, or to the bottom (or both) so that different content is always aligned. All of this is done in a way that allows RapidWeaver to run quickly in Edit and Preview mode.

  • Set a fixed height for 3 screen sizes
  • Opion to centre main content
  • Add a top area pinned to the top of the stack with adjustabe offset and padding.
  • Add a bottom area pinned to the bottom of the stack with adjustabe offset and padding.
  • Fully adjustable pixel size breakpoints
  • Add an overlay colour
  • Add a border radius
  • Custom Class advanced option
  • Foundry, Foundation & Blankstrap compatible
Stacks Image 2043674

FXwidth+

FXwidth+ (plus) was created to allow full control of the max width of its contents at 3 fully adjustable breakpoints and was designed to allow an FXheight to set it height. Together the rounding, shadow and remote image background with an overlay allow a quick way to build and control a pretty snazzy looking layout.

  • Set Max width for 3 screen sizes with centred content
  • Or allow width to fill the page width or its container
  • Fully adjustable pixel size breakpoints
  • Optional remote image background (warehouse image) with cover and position control
  • Option to enable shadow with offest, blur, spread and colour settings
  • Custom Class advanced option
  • Foundry, Foundation & Blankstrap compatible
Stacks Image 2043684

FXwidth

FXwidth is a reduced function version of FXwidth+ with multi breakpoint width settings and an option for a remote image background. Ideal for full width "banded" pages

  • Set Max width for 3 screen sizes with centred content
  • Or allow width to fill the page width or its container
  • Optional remote image background (warehouse image)
  • Custom Class advanced option
  • Foundry, Foundation & Blankstrap compatible
Stacks Image 2043694
Webdeersign FX RapidWeaver Stacks

CONTACT WEBDEERSIGN

Sign up for the Webdeersign Newsletter

Managed securely by MailChimp
  • WEBdeerSIGN Twitter
    WEBdeerSIGN Twitter
  • WEBdeerSIGN Twitter
    WEBdeerSIGN Twitter
  • WEBdeerSIGN Twitter
    WEBdeerSIGN Twitter
  • WEBdeerSIGN Twitter
    WEBdeerSIGN Twitter