Advanced Grid Wrapper

Advanced Grid Wrappers can have Background Images and Top Borders

Background Image Note: Try to choose an image with the same shape as the AGW it is going into. For example, choose landscape images for AGW that are wider than tall. And choose portrait shaped images for AGW that are more tall than wide.

Cut Corners Note: Using Cut Corners in the General Content Block and General Content will add a background to the content type. To have no background on top of an image within the AGW, do not use cut corners.

This is the Advanced Grid Wrapper creation page with some instructions on each input

In each Content Type that goes into the AGW, fill out these two inputs...

The Advanced Grid Wrapper can now be placed just below the Header or just above the Footer like other heros or sub-footer items, but this means any content type that goes within the AGW can be placed in these locations (with or without content contrained).

Steps to add the AGW to the Header:

1. Create a child section (sub-section) under the parent section (main content area) of the page.
   1. Naming suggestion: Section Header (but the name doesn’t matter)
2. In the child section, add an Advanced Grid Wrapper content type.
   1. Set a placement keyword (e.g., “Grid Group 1”).
   2. Set the section link to the location the AGW is loaction in itself. (e.g., Section Header)
   3. Set the “margin bottom” to zero.
3. In the child section, also add the content types to be shown within the AGW.
   1. Set the same placement keyword as the AGW (e.g., “Grid Group 1”).
4. In the parent section (main content area), add a content type “Section Header Container”
   1. Set the same placement keyword as the AGW it is connecting to (e.g., “Grid Group 1”)

To add the AGW to the Footer (same as above, except the naming):

1. Create a child section (sub-section) under the parent section (main content area) of the page.
   1. Naming suggestion: Section Footer (but the name doesn’t matter)
2. In the child section, add an Advanced Grid Wrapper content type.
   1. Set a placement keyword (e.g., “Grid Group 2”).
   2. Set the section link to the location the AGW is location in itself. (e.g., Section Footer)
   3. Set the “margin bottom” to zero.
3. In the child section, also add the content types to be shown within the AGW.
   1. Set the same placement keyword as the AGW (e.g., “Grid Group 2”).
4. In the parent section (main content area), add a content type “Section Footer Container”
   1. Set the same placement keyword as the AGW it is connecting to (e.g., “Grid Group 2”)