Marsha Docs

Link Card

Link Cards Wrapper Shortcode

Use [mu_link_cards] to wrap a group of [mu_link_card] shortcodes. The wrapper handles layout so you no longer need to use rows and columns to display link cards side by side.

mu_link_cards Parameters

  • Link Cards Per Row (per_row): Controls how many link cards appear per row at larger screen sizes. Accepts 2, 3, or 4. Without this attribute, link cards 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).

Link Card Shortcode

mu_link_card Parameters

  • RequiredURL (url): This should be the full URL of the page you want to link to.
  • Background Image (background_image): Optional. The URL of an image to use as the card background.
  • Background Position (background_position): Optional. CSS background-position value for the background image (e.g. 50% 30%). Defaults to 0% 0%.

Link Card Shortcode Examples

Three Link Cards Per Row Example

Admissions Website
Admissions Forms
Contact Admissions
Shortcode 
[mu_link_cards per_row="3"]
[mu_link_card url="https://marshall.test/marsha/admissions/"]Admissions Website[/mu_link_card]
[mu_link_card url="https://marshall.test/marsha/admissions/forms/"]Admissions Forms[/mu_link_card]
[mu_link_card url="https://marshall.test/marsha/admissions/contact-us/"]Contact Admissions[/mu_link_card]
[/mu_link_cards]

Link Cards with Background Images Example

Admissions Website
Admissions Website
Admissions Forms
Admissions Forms
Contact Admissions
Contact Admissions
Shortcode 
[mu_link_cards per_row="3"]
[mu_link_card url="https://marshall.test/marsha/admissions/" background_image="http://www.marshall.edu/marsha/files/2026/03/docs-1.jpg"]Admissions Website[/mu_link_card]
[mu_link_card url="https://marshall.test/marsha/admissions/forms/" background_image="http://www.marshall.edu/marsha/files/2026/03/docs-2.jpg"]Admissions Forms[/mu_link_card]
[mu_link_card url="https://marshall.test/marsha/admissions/contact-us/" background_image="http://www.marshall.edu/marsha/files/2026/03/docs-3.jpg"]Contact Admissions[/mu_link_card]
[/mu_link_cards]