Once upon a time, whitespace in web design was seen as 'wasted space'. However nowadays, expert web designers preach the importance of whitespace in page design. If you are not currently taking whitespace into account when working with RapidWeaver, then this is an aspect of page design you would benefit from researching further.

The Spacer stack is one of the simplest stacks ever created for the Stacks plugin. However regular RapidWeaver users would argue that it is one of the most essential stacks to have in your library. This stack makes it super-easy to drag and drop blocks of empty vertical space into a page, like this:
Recently updated for Stacks 2.0, the new and improved Spacer stack enables you to precisely control the height of the spacer stack, and define the height in different units of measurement like pixels, em's, percentages, centimetres and inches.

By request, a tick option is now provided, which enables you to clone other spacer stacks on the same page, with matching height and units. This way the height and units applied to one Spacer stack at the top of a page automatically get applied to others further down in the same page.

Setup

Using the Spacer stack is very easy.
  1. Install the stack into Stacks and RapidWeaver, as you would normally do
  2. Drag and drop a Spacer stack from the Stacks library into your page. For best results, place the Spacer stack between two block elements or stacks
  3. In the settings panel on the right, define a height in the number box
  4. Choose a unit of measurement from the popup menu
  5. If you wish to clone other Spacer stacks on the same page with identical settings, click the clone option
  6. Preview and publish your page when done.

Spacer stacks are automatically hidden on print and PDF output; therefore conserving ink and paper. Additionally you can setup Spacer stacks in Stacks 3 as partials, so that you can share multiple Spacer stacks (with identical settings) over all pages of your website.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.