Elements – Image Backgrounds

[vc_row full_width=»stretch_row»][vc_column][stack_hero image=»38″][vc_column_text]

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 →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=».vc_custom_1498220846667{padding-top: 0px !important;}» ebor_docs=»»][vc_row css=».vc_custom_1485825445121{margin-bottom: 30px !important;}»][vc_column width=»1/3″][stack_boxed_content padding=»boxed–lg» background=»bg–secondary»][vc_column_text]

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.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=»2/3″][stack_hero layout=»rounded-edges» image=»134″][vc_column_text]

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

— Massimo Vignelli

[/vc_column_text][/stack_hero][/vc_column][/vc_row][/vc_section][vc_row][vc_column][vc_column_text]

Looking for styled image background sections?

View Cover Sections

or try the admin demo ↗

[/vc_column_text][/vc_column][/vc_row]