Boxed Sections Snippets

Boxed sections snippets create rows that have multiple columns of content. You can create two to five evenly spaced columns or two columns with one of the columns being 1/3 of the content area and the other being 2/3 of the content area.


Boxed Sections 1/3rd 2/3rd

Creates a two-column layout with the left column being 1/3 and the right column being 2/3 of the available area. Text, images, videos, snippets, and assets can be added to each column. The column widths will remain a fixed percentage of the available space, resizing content or adding white space as needed.

boxed-sections-1-3


Boxed Sections 2/3rd 1/3rd

Creates a two-column layout with the left column being 2/3 and the right column being 1/3 of the available area. Text, images, videos, snippets, and assets can be added to each column. The column widths will remain a fixed percentage of the available space, resizing content or adding white space as needed.

boxed-sections-2-3


Boxed Sections Even Columns

Creates a one- to five-column layout with the columns being evenly spaces in the available area. Text, images, videos, snippets, and assets can be added to each column. The column widths will remain a fixed percentage of the available space, depending on the number of columns used, resizing content or adding white space as needed.

boxed-secion-even

Type “border” (without quotation marks) in the Class field to add a border around the boxed item. This snippet can be inserted into another Boxed Sections snippet to have one column of a boxed section with a border.

If your page has no left navigation and no right sidebar, you can use up to all five columns. If you have either the left navigation or right sidebar, only use up to four columns. If you have both the left navigation and right sidebar, you can use up to three columns.