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 →
[stack_hero image=”38″]
[/stack_hero]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
Boxed Content
Wrap any content inside .boxed and .boxed–border to give the content some extra padding.
[stack_boxed_content]
[/stack_boxed_content][stack_boxed_content background=”bg–dark”]
[/stack_boxed_content]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]
[/stack_boxed_content]
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
[stack_boxed_content background=”bg–secondary” shadow=”box-shadow”]
[/stack_boxed_content][stack_boxed_content background=”bg–primary” shadow=”box-shadow”]
[/stack_boxed_content]
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.
Modern Aesthetic
Build a beautifully performant site with Stack’s vast collection of modular elements.