As its name suggests, this stack turns anything you put inside it into a link. This is particularly useful when you want to combine a set of stacks (for example a picture, heading and some text) to create a single navigation element that your visitors can click on to move to a different part of the page or the website. Using individual stacks, which part do you make clickable – the picture, the heading, the text, all of them?
With BigLink, it’s easy, just drop the elements you want to use into the stack, set the link and you’re done. Alternatively, the stack offers plenty of ways to customise the look and feel of the link. You can place a coloured background, border or image behind the whole thing, and set the first two to change on static, hovered, active or visited. You can define text and heading colours, Font Awesome icon colours, and even apply effects to any images inside BigLink so they blur on hover, or turn opaque, greyscale or sepia; and in a final nice touch, you can set only specific images to display the effect – for example, only ones that include a specific text string in their name or ALT tag.
BigLink is an extremely useful little stack and is recommended.
Media Queries Stack
Media Queries are a popular CSS technique for determining how elements on a web page are displayed depending on the device being used by the visitor; a simple example would be hiding a complex slideshow on small devices. The trouble is, the syntax for these passages of CSS is quite complicated, especially for casual users. Which is where the Media Queries stack comes in.
While Stacks’ built-in settings allow you to control whether a stack is displayed on a phone, tablet or desktop, the Media Queries stack offers much greater control over where the breakpoints are set – for example above or below a breakpoint or between two breakpoints – and also offers a range of simple ways to hide or show a stack when the device being used is in portrait or landscape mode.
Media Queries can do considerably more than just show or hide elements – they can also be used to change the background colour on different devices, or to determine when a standard menu switches to a responsive one, and so on. While this stack doesn’t have specific controls for that, there is a ‘custom selector’ setting which allows more experienced users to target specific elements on the page and have the Media Queries stack work its magic on them.
At only €4.00 Media Queries is a useful utility stack that conceals some surprisingly powerful features.
This simple stack allows you to display a single line of text that will adjust to fill the width of the container where it’s been placed, whether that’s a simple text stack, a column or something more sophisticated. By default it’ll pick up the theme’s font, but you can also specify any web safe font or a custom font.
There are options to control capitalisation, add simple formatting like bold and italic, range the text left, right or centred and also specify that it only fill a flexible percentage of the container. You can tinker with letter and word spacing, line height and specify whether it should disabled, depending on screen size. There are some funky advanced options as well that let you target your site title, slogan or footer elements.
Finally, you can also stack Oneliner stacks on top of each other to produce interesting multi-line effects – for example the famous ‘Keep Calm and…’ posters.
Oneliner is definitely worth a look if you’re after an unusual way to create callouts, panels and other visual features on your site.