Anchor top of images in Banner stack


I have an online travel guide ( originally created in 2012 using the Nick Cates Design Carbon theme, and which I’m trying to modernise in Foundry. The aim is to make it more readable with bigger fonts, sections accessed via side menus (so I can break up big pages), and to adopt a magazine-style layout.

However, the bit I really liked with the NCD Carbon theme are the big banners. I’d like to keep these but I don’t know how to replicate them in Foundry. I’ve been trying with the Banner stack which I thought would let me do this … but I haven’t gotten it working in practice.

With Carbon, the TOP of the images are anchored to the top of the stack. This means that as I change the window or screen width (and the banner changes height) the top of my image remains preserved. Essentially its just the bottom of the image (i.e. the less important part) that gets cropped as I move between devices with differing screen widths.
e.g. Pantanal Escapes - Corumbá Travel Guide and Tourist Information

With the Banner stack, both the top and bottom are cropped - since the vertical CENTRE of the image gets used as the anchor point (not the top).

  1. Does anyone know if there’s a way to change the anchor point for images in the Banner stack (or some equivalent method using a different stack)?

  2. If there’s an option to to also fade the bottom of the image (blending it into the page as per Carbon) that would also be helpful. It’s not absolutely essential but I always liked that effect.

Any guidance would be appreciated.

EDIT: No worries - I found the option.
There are TWO locations within the stack to set a background image.
Background image and Banner image. The problem was that I’d used the second of these. Background image lets me anchor the top.

Andrew Mercer

There is only one background image for the Banner stack that is the one here, labeled Banner Image:


The other one I think you’re referring to, seen below, is the default Stacks plugin background setting. The Banner stack has no control over this and any settings you apply to the stack will not apply to that setting.


The banner stack doesn’t have a setting for configuring the origin point of your image, this is due to the way it would work against some of the other settings in the Banner stack like Locked and Parallax background settings.

1 Like