Tommy's new Stack Me stack will help you align your content flexibly, letting you break out of the constraints of the sometimes inflexible 12-column layouts of framework based themes such as Foundation and Foundry.
Stack Me adds a full width section to your page and let's you add child stacks with different content: Header, Text, Image, Float and Button. Stack Me's width may, of course, be constrained by dropping it into a container stack.
The Header, Text, Image and Button child stacks are straightforward, the Float stack adds a text stack with a container for other stacks. The child stacks can be combined as needed. The only thing missing is a child stack for third party stacks.
However, noticing that the child stacks are standard Stacks 3 stacks, I simply dragged in some other stacks – and was surprised to find that that works too.
Once you've added your choice of content, you may define Stack Me's minimum height and the content alignment, add an optional image background – which may be fixed – and a colour overlay. The setup is fast and simple and saves you the trouble of experimenting with nested stacks.
Fix Background Image – >1025 px On, <1025 px Off
Min Height – %
Vertical [orientation] – Top, Centre, Bottom
Horizontal – Left, Centre, Right
Padding – T, B, L, R – %
Colour On/Off – BG, Txt, Link, MO (Mouse Over)
Colour On/Off – H1—H4 individually
Colour Store – Tommy's famous colour reservoir. Save up to four default colours and drag them into the colour wells above
Target – Add an ID to fill the Stack Me container with an image
Tile – Remove Min Height, 100%, My Choice [custom]
Custom CSS – it wouldn't be a DeFliGra stack without a bucket full of custom CSS containers
Stack Me is a great stack for when you need to align your content exactly where you want it, but with the addition of custom backgrounds.
Testimonials is a crisp new take on quotes. A slider with a thousand options that allow you to present your quotes exactly as you want them. There's not a single design aspect that can't be altered. Take a peek at the stack settings and you'll see what I mean. You could spend the whole day tweaking and refining!
When you drag the stack into an RW Stacks page, you are presented with a single child stack that contains your first quote. The default quote is a black and dark grey design. Perhaps not appropriate for every site, so you're going to want to change the colours of the background, decide on your font format and colour (the usual 1LD collection of 13 fonts, plus custom are available), set the format and size of the quotation marks, or hide them top and/or bottom (again, there is the choice of 13+ fonts for the quotation marks).
Further, you can choose the font (13+) for the name, or hide the name entirely and you can choose between star ratings, or hearts, or hide the rating. Finally you can display an Icon above, or below the slider. In the child stack settings, you can replace the icon with an image of your choice…
… Oh and then there's the slider buttons which can also be hidden if you only have a single quote, or have set Testimonials to 'Autoplay'.
No, absolutely not. I refuse! If I list all of the possible settings, I'll still be here next week and this post would be three feet long. Suffice it to say, they are endless!
Testimonials is a great replacement for cleanQuotes and if you previously purchased cQ, you can expect a special upgrade offer to land in your inBox very soon.
SelectNav is a free stack that is very useful. It places a single button on your Stacks page that, when clicked, expands into a list of links. SelectNav is especially useful if you have a very long list of page links or downloadable resources that you need to present to your end users as an easily accessible menu which is compatible with all web browsers.
The button itself may be formatted to match the colours used on your page and the link list – which can contain groups of links – floats over the page content when opened.
SelectNav supports keyboard navigation, is ideal for positioning in your sidebar and even works when it is in a lightbox. The stack can be set to autofocus on page load so that hitting the spacebar, or the up/down keys will automatically open the menu.
Once on your page, you can add either an option group child to group your links, or a SelectNav Item. Adding child stacks to the option group automatically adds a selectable item.
Autofocus – Disabled by default
Disabled – Disables the menu
Link Behaviour – Links Open In The Current Window (default), Links Open In A New Window Or Tab
Icon – FontAwesome
Width – Button Width
Disabled Item – Disabled by default
Selected By Default – Disabled by default
As already mentioned SelectNav is a free stack that turns out to be very useful.
At the end of December RWExtras released Showcase Ultra, a stack that takes the idea to the next level and adds a versatile slideshow to a choice of (if I counted correctly) fifty-two (52) different background images ranging from popular devices to office background settings. And I'm not just referring to the versatility of the backdrop images – there is a choice of nine different transition effects. The aforementioned stacks (which shall remain nameless) offered just a simple fade transition.
So how does it work? Drag Showcase Ultra onto a Stacks page, add child stacks with your local, or warehoused images, choose a backdrop and publish!
If you're not happy with the provided backdrops, you can add your own (warehoused) frame. You then get optional settings for the size and positioning.
Hide Images In Edit Mode
Transition Effect – Nine ttransitions
Slide Order – Normal, Random, Reverse
Interval – set in ms
Transition Speed – in ms
Tile Count – Number of tiles, if 'tiles' has been set as transition
Frame – Choose from 52 backdrops
Image Scale – Scale your images to fit the backdrop
Maximun Width – Width of the backdrop
Float Alignment – Left, Centre, Right
Showcase Ultra is a cool stack that takes the graft (hard work – for those of you across the pond) out of presenting a responsive portfolio within a homogenous background.
Simple Tabs, as the name implies, is a stack that will simply add tabbed (the tabs may also be buttons) content to your page. The tabs change to buttons on mobile, but can be neatly arranged into columns.
The setup is – simple – and the results are attractive.
When you drag Simple Tabs onto a Stacks page, you get a container with two child stacks into which you can drop your content. Each of the child stacks has a tab at its upper edge that contains an Ion Icon and a text area for your title.
All you need to do, is add some content, change the icons and decide on a colour scheme. As usual with 1LD, you get a wide choice of both icons and of fonts. The tab sizes can be easily adjusted to suit and there are a couple of neat features that I don't recall seeing elsewhere – the already mentioned 'stacked' buttons, for instance…
All in all, I find Simple Tabs to be quite impressive and I'm sure that it will find a home I'm many Weavers' libraries.
Floating Pill – A setting that allows the active button to slide across the tabbed panel when the next tab is clicked
Connect Tabs – When active, the tabs are connected to the content window. Otherwise the tabs appear as buttons
Max Width – The max width of the tabbed and the content area
Active Tab – The tab that is automatically displayed when the page is loaded
Font Family – The standard 1LD choice of 13 web fonts, plus Custom
Vertical Position – Top/Bottom. When 'Bottom' is set, the tabs appear as buttons
Alignment – Left, Centre, Right
Spacing – Vertical, Horizontal
Padding – Vertical, Horizontal
Radius – The bottom radius is deactivated when 'Connect Tabs' is active
Background – Off, Colour, Gradient, Image
Border – The tab/button border
Active Text Colour
Active Background – as above
Border – as above
Tabs > Responsive
Breakpoints – Tablet, Mobile
Columns – Tablet, Mobile
Padding – Vertical, Horizontal
Background – As above
Experimental – Match content bg to tab colour
Simple Tabs Tab Child
Icon Font – Standard 1LD choice of 3 – Oops! – 4 Icon Sets – FontAwesome5 is included!
The next time that I need tabbed content, I shall seriously consider using Simple Tabs. I especially like the fact that the tab borders allow you add a neat contrasting border at the top (or bottom) of the button; I also like the slide effect when a new tab is clicked.
Check out the 1LD product page to find out more.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.