Marsha Docs

Link Card Shortcode

Note on Link Card

Cards should only be used within columns. You can learn about creating columns in this documentation.

Link Card Shortcode Parameters

The parameters for the Link Card shortcode:

  • RequiredURL (url): This should be the full URL of the page you want to link to from the button.

Link Card Shortcode Examples

Link Card Example

Shortcode
HTML
[mu_link_card url="https://www.marshall.edu/admissions/forms/"]Admissions Forms[/mu_link_card]
<!-- THIS CODE SHOULD ONLY BE USED OUTSIDE OF WORDPRESS -->
<div class="w-full lg:w-1/3"><a href="https://www.marshall.edu/admissions/forms/" class="min-h-36 lg:min-h-80 bg-green hover:bg-green-dark flex flex-col justify-between group link-card">
	<div class="w-5/6 text-xl lg:text-2xl xl:text-3xl text-white font-bold ml-4 mt-4 no-underline">Admissions Forms</div>
	<div class="flex justify-end mb-4 mr-4">
		<svg class="transition-all ease-out duration-200 transform ml-1 h-10 w-10 text-white group-hover:translate-x-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
		<svg class="transition-all ease-out duration-200 transform -ml-6 h-10 w-10 text-white group-hover:translate-x-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
	</div>
</a></div>
Copy Code to Clipboard
Copy Code to Clipboard