Components and Utilities - UCF/Admissions-Child-Theme GitHub Wiki

In addition to having access to Athena Framework styles and styles made available in the UCF WordPress Theme, the components and utilities listed below are provided in the Admissions Child Theme:

Navigation


Colleges Grid

Two Column Template examples on desktop and mobile screens

A set of classes intended for generating a list of either 12 block-style links to UCF's colleges, or 13 block links with an introductory content block.

Because this theme is intended for use specifically on the Undergraduate Admissions website, we recommend only utilizing the 12-block style (without the intro message classes). The 13-block styles are left in tact for consistency with the UCF Main Site Theme.

Classes

.colleges-grid

The outer wrapper element for the grid.

.colleges-block

The inner block of a college grid.

.colleges-block-text

Class to be applied to college names within .colleges-block's.

.colleges-grid-message

An optional first block in the college grid, intended to include an introductory heading + content.

.colleges-grid-heading

Optional class to apply to a heading within a college grid intro message (.colleges-grid-message).

Usage

Examples below utilize shortcodes provided by the Athena Shortcodes Plugin.

12-block grid, no intro message:

[row class="colleges-grid"]

[block-link new_window="true" class="colleges-block media-background-container text-inverse hover-text-inverse text-decoration-none justify-content-end" href="URL-TO-COLLEGE-HERE"]
[media-background class="filter-sepia hover-filter-none"]
<img src="IMAGE-HERE" alt="" />
[/media-background]
<div class="colleges-block-text pointer-events-none font-condensed text-uppercase">College Name Here</div>
[/block-link]

[block-link]
...
Repeat block-link shortcodes as marked up above x11
...
[/block-link]

[/row]
⚠️ **GitHub.com Fallback** ⚠️