Skip to content

UW Cards

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.

Theme Documentation

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

button_text_goes_here

Inset Style

Add a title!

content goes here

Image Top Style

title_goes_here

alt_text_goes_here

content goes here

button_text_goes_here

Block Style

title_goes_here

content goes here

button_text_goes_here

No Image Style

title_goes_here

content goes here

button_text_goes_here

Text Link Style

title_goes_here

content goes here

button_text_goes_here

Step Style

title_goes_here

content goes here

button_text_goes_here