Image
Stacks add-on

Bloom

A specialized two column stack to build portfolios, product pages and more. An image on one side, that expands into an image gallery slider, and standard content on the other.

This page outlines the settings included in the stack and looks at what they do, and how they affect the its functionality. In addition we have a tutorial and walk-thru video below that helps get you started using the stack, as well as gives you an idea what the stack can do before your purchase. For examples of the stack in action, please visit the product page.


Grow your knowledge

Below we take a look at what each stack setting in Bloom. This page is a good reference as you work with the stack, as well as it provides an inside look at each setting within the stack before you make your purchase.

Image

Images

IMAGES
Allows you to choose how many images for your slider. Max 10.

ROUND CORNERS
Allows you to set the border radius for the corners of your images to create soft, attractive rounded designs. Use a uniform value for all corners, or opt to use the Detailed Rounding setting to set a radius for each individual corners.

IMAGE LOCATION
Opt to place your image on either the left- or right-hand side of the layout.

ICON COLOR
Allows you to set the color for the icons that are superimposed over the image and slider.

Image

Advanced

SCROLL TO TOP
When enabled the browser will scroll to make sure the top of the slider is visible when it is opened.

SCROLL OFFSET
This is the distance from the top of the browser to the top of the slider when the browser scrolls to the top of the stack.

SCROLL SPEED
Use this to adjust the speed at which the page scrolls when the Scroll To Top feature is used. The larger the number the slower the scroll animation will be as it increases the duration of the animation's time.

COLLAPSE MODE
Use this feature to hide the content of your Bloom stack in Edit Mode. This is helpful when working on your site to help reduce clutter within your work environment.

LABEL COLOR
Allows you to customize the labels in Edit Mode for the Bloom stack. Helpful in identifying specific Bloom stacks on sight in Edit Mode.

BREAKPOINT
Allows you to customize where the two columns in Bloom will break to their own lines in the layout. This is helpful in cleaning up your design and giving your contents room to breath on smaller devices like iPads and iPhones.

On this page