Page Layouts

  1. Find the layout style from the example gallery and look for the layout class T3_xxx or T4_xxx.
  2. In the page properties scroll down to CSS OPTIONS.
  3. Enter the class in the Layout Class field.
  4. Save your changes.

Page Layouts with CSS box highlighted

Layouts do not move content from editable zones even thought zones may change location from layout to layout.  You will need to manaully move content in the editable zones if you choose a new layout and are not happy with content placement.  If you change to a layout with less sections than you previously had,  the content will be hidden for unused sections and not deleted.

Layout Image Show Colored Boxes In Some Layouts

You may notice that in the T4_xxx layouts that some boxes are colored.  These colors indicate that the boxes are structured to stay connected when in responsive design and not any color that will be embeded on the page.  These are useful when you want to have pages of varied content types but structurally need them to be laid out with a specific deisgn in mind. 

In a regular T3_xxx layout they will respond from left to right, top to bottom.

back to top

This site is maintained by Division of Information Technology.

Last Published 4/4/22

To report problems or comments with this site, please contact
© California State University, Fullerton. All Rights Reserved.

Web Accessibility

CSUF is committed to ensuring equal accessibility to our users. Let us know about any accessibility problems you encounter using this website.
We'll do our best to improve things and get you the information you need.