Image Backgrounds

These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack’s modular elements
at the Element Index Page →

Adding a background

Add a covering image background to elements by using the .imagebg class in conjunction with a child .background-image-holder element.

The background image holder uses the CSS property ‘background-size: cover’ to ensure that the background is fitted to the parent element without stretching or skewing the image.

“Styles come and go. Good design is a language, not a style.”

— Massimo Vignelli

Image Backgrounds

Adding a background

Looking for styled image background sections?