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 →
PromoSimple is a simple online giveaway maker. Connect it to your Social Accounts and Email Tools. Kick back and watch your lists grow. Click here to get started.
[stack_hero image=”38″]
[/stack_hero]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
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.
[stack_hero layout=”rounded-edges” image=”134″]
[/stack_hero]
“Styles come and go. Good design is a language, not a style.”
— Massimo Vignelli