[vc_row full_width=»stretch_row»][vc_column][stack_hero image=»38″][vc_column_text]
Boxes
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_1498220781997{padding-top: 0px !important;}» ebor_docs=»»][vc_row css=».vc_custom_1485825445121{margin-bottom: 30px !important;}»][vc_column width=»6/12″][stack_boxed_content padding=»boxed–lg» background=»bg–secondary»][vc_column_text]
Boxed Content
Wrap any content inside .boxed and .boxed–border to give the content some extra padding.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=»1/12″][/vc_column][vc_column width=»4/12″][stack_boxed_content][vc_column_text]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Build Now[/vc_column_text][/stack_boxed_content][stack_boxed_content background=»bg–dark»][vc_column_text]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Build Now[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=»1/12″][/vc_column][/vc_row][/vc_section][vc_section][vc_row css=».vc_custom_1485825445121{margin-bottom: 30px !important;}»][vc_column width=»6/12″][stack_boxed_content padding=»boxed–lg» background=»bg–secondary»][vc_column_text]
Boxed Content Modifiers
Boxes can be modified in a number of ways:
- .boxed–lg – increase the padding inside the box
- .bg–primary,dark,secondary – use Stack’s background classes to adjust box background colour
- .box-shadow – add a box shadow to the boxed content
[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=»1/12″][/vc_column][vc_column width=»4/12″][stack_boxed_content background=»bg–secondary» shadow=»box-shadow»][vc_column_text]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Build Now[/vc_column_text][/stack_boxed_content][stack_boxed_content background=»bg–primary» shadow=»box-shadow»][vc_column_text]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Build Now[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=»1/12″][/vc_column][/vc_row][/vc_section][vc_row][vc_column][vc_column_text]
Looking for styled box sections?
or try the admin demo ↗
[/vc_column_text][/vc_column][/vc_row]