Icon Box

The icon box allows you to post a feature box with an SVG icon and title that links to a different page.

You can use any of the icons included below. If there’s a certain icon you want to use, but it is not listed below contact webmaster@marshall.edu.

Icon Boxes Wrapper Shortcode

Use [mu_icon_boxes] to wrap a group of [mu_icon_box] shortcodes. The wrapper handles layout so you no longer need to use rows and columns to display icon boxes side by side.

mu_icon_boxes Parameters

Icon Boxes Per Row (per_row): Controls how many icon boxes appear per row at larger screen sizes. Accepts 2, 3, or 4. Without this attribute, icon boxes will stack and grow to fill available width.
Extra Classes (class): Optional. Any additional CSS classes to apply to the wrapper element (e.g. max-w-5xl mx-auto).

Icon Box Shortcode

mu_icon_box Parameters

RequiredTitle (title): The title parameter is required and will should be no more than 2-3 words.
RequiredLink (link): The link field is required and should be the full URL path of the page you wish to link.
RequiredIcons (icon): The icon will display above the title, centered in the box. (see list below).

Icons

Here are the available icons that you can use with this shortcode.

Icon Box Shortcode Examples

Three Icon Boxes Per Row Example

Online Learning

FAQs

Bookstore

Shortcode

[mu_icon_boxes per_row="3"]
[mu_icon_box title="Online Learning" icon="computer" link="http://www.marshall.edu/online-learning/"][/mu_icon_box]
[mu_icon_box title="FAQs" icon="question" link="https://marshall.test/marsha/recruitment/faqs/"][/mu_icon_box]
[mu_icon_box title="Bookstore" icon="book" link="https://www.bkstr.com/marshallstore/home"][/mu_icon_box]
[/mu_icon_boxes]

Four Icon Boxes Per Row Example