jeudi, mai 24, 2018
[stack_hero image= »38″]

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]
[vc_section css= ».vc_custom_1498220781997{padding-top: 0px !important;} » ebor_docs= » »]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Boxed Content

Wrap any content inside .boxed and .boxed–border to give the content some extra padding.

[/stack_boxed_content]
[stack_boxed_content]
Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

[/stack_boxed_content][stack_boxed_content background= »bg–dark »]
Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

[/stack_boxed_content]
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

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]
[stack_boxed_content background= »bg–secondary » shadow= »box-shadow »]
Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

[/stack_boxed_content][stack_boxed_content background= »bg–primary » shadow= »box-shadow »]
Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

[/stack_boxed_content]
[/vc_section]

Looking for styled box sections?

VIEW FEATURE SECTIONS

or try the admin demo ↗