Elements – Boxes

[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][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?

VIEW FEATURE SECTIONS

or try the admin demo ↗

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