Zig Zag Layout
The Zig Zag Layout snippet gives you a multi-row, 2-column layout where featured images alternate right and left, with text or other content next to each associated image.
There is also a 'Zig Zag Grid' version that has double the content in each row -- 4 columns in each row with 2 images and 2 text areas, with the image and text order alternating.
IMPORTANT NOTES:
1. Zig Zag layout is a full-width Promo Section snippet, not to be used in a Main Content Area. You may use Zig Zag Grid in either the main content area or a promo section.
2. When using either snippet, if you need more than 4 rows of content, rather than adding rows or copying and pasting rows to the existing snippet, you must add a new zig zag snippet for the additional rows.
Demo
How to Use : Zig Zag Layout
1. Click on the snippet button in the toolbar.
2. Click on category drop down and find "Page Layouts", or simply type in "Zig Zag Layout" to filter.
3. Select the snippet and click on 'Insert'.
4. In the table, set the alignment options (Top Border, Bottom Border, Top Padding, Bottom Padding, Top Margin, etc.), background image, text color. Add your content, and then save your changes.
Demo
THE STONY BROOK ANNUAL FUND
LEARN MORE
ECONOMIC DEVELOPMENT
LEARN MORE
FACILITIES & CAMPUS LIFE
LEARN MORE
ENDOWED FACULTY
LEARN MORE