Card with Image

Create different sized cards that feature images, text, and links.

  • Use: Highlight a specific page on your site in a more visual way than a plain card or text
  • Location: Only to be used on main section pages and program pages (span12)
  • Capitalization: Title is title case, body text and button text are sentence case
  • Character limit: Title (60 characters), body text (210 characters), button text (40 characters)

Default Shortcode

[visualcard img_size="small" img_url="https://help.cms.arts.ubc.ca/wp-content/uploads/sites/9/2020/10/Degree-Planning-VisualCard-Geography-Program-UBC-Arts.jpg" title="Program Options" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." link_text="Explore our programs" link_url="https://google.ca/"]

Parameters

visualcard -- begins/ends a single card with image
img_size="" -- choose "small", "medium", or "large" - sets image size and placement
img_url="" -- sets image via a file URL
title="" -- sets card with image's title text
text="" -- sets card with image's body text
link_text="" -- sets label text for card with image's link
link_url="" -- sets URL address for card with image
On this page