These cards are versatile visual blocks, well suited to multiple columns, sidebars, or even full-width content. You can make almost as heavy a visual element as a jumbotron, or mimic the oft-used Image Card Widget. Note that the full width card should only be used on pages without a sidebar.
Shortcode
[uw_card style="" align="" color="" image="" alt="" icon="" title="" subtitle="" button="" image="" link=""]content goes here[/uw_card]
Attributes
- style: Choose from 6 different small card styles, content-width (large), or edge-to-edge (full-width). Options: inset, no-image, image-top, block, text-link, step, large, full-width. (Default: inset)
- align: Currently only used for large and full-width cards. Sets the image to the left or right, with the card body on the other side. Options: left, right. (Default: left)
- color: Choose a color scheme for small and large cards. Not all cards have all color options. Options: gold, white, purple. (Default: Each card type has its own default. inset: gold, no-image: gold, image-top: gold, block: white, text-link: white, step: white, large: gold, full-width: gold)
- image: For inset, image-top, block, large, and full-width cards. Sets the URL of the image. (Default: none)
- alt: Sets the alt text for the image. Use with inset, image-top, block, large, and full-width cards. (Default: none)
- icon: Only used with step cards. Available icons are listed on the UW Brand site. Use without the period at the beginning: e.g. .ic-check should be ic-check. (Default: none)
- title: Title or heading for the card. Required for all cards. (Default: Add a title!)
- titletag: Heading tag used for the title. Supported tags: h2, h3, h4 (Default: h2)
- subtitle: Only used with step cards. (Default: none)
- button: Button text. Required for all cards except block (no button). (Default: ADD BUTTON TEXT!)
- link: Button link. Required for all cars except block (no button). (Default: none)
Large Style
title_goes_here
content goes here
Inset Style
Add a title!
content goes here
Image Top Style
title_goes_here
content goes here
Block Style
title_goes_here
content goes here
No Image Style
title_goes_here
content goes here