This reference guide is intended for Department or Center websites that use Page Builder. For guides explaining the basics of using Page Builder please view the Documentation Guides section instead.
Adding CSS Classes
While using Page Builder, CSS Classes can be added to modules, columns, and rows to modify their behavior, layout, and style.
Below is a list of CSS Classes that are available, along with their descriptions, and an example of the expected output.
Adds a shadow to the outer perimeter of the current module
Adds an inward facing shadow to the outer perimeter of the current module
Adds an inward facing shadow to the outer perimeter along the top and bottom of the current module
Increases the gutter width between columns to be double the default. This class can be used on a row to affect all columns in the row or on a column to affect only that one column.
Removes any extra margin around a row, column, or module.
Must be used with the Events module and will change the display style from the default grid to a list style.
Must be used with the Events module and will hide the event featured image from displaying.
Intended to be added to a row (generally the first row in the page, which includes the page title), and sets up the proper styling for the row height, text color, text shadow, and background gradient overlay.