Card Example
Shortcode
[card label="Card Label" title="Card Title" image="85" size="small"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[button url="https://www.cgu.edu" text="Button Text"]
[/card]
Parameters
label
(optional) The small text to appear above the card title.
title
(optional) The big letters to appear on this card near the top.
image
(optional) The id of an image. You can find the id of an image by clicking Media in the left menu bar and click on the image. Look in the URL bar of your browser and you should see something like this:
https://scholar.cgu.edu/my-site/wp-admin/post.php?post=21&action=edit
or this:
https://scholar.cgu.edu/my-site/wp-admin/upload.php?item=21
The id is the number after = which in this case is 21.
size
(optional) The size of the card. Options are small or medium. Small cards will be 1/3 of the container width. Medium cards will be 1/2 of the container width. If a size is not specified, the card will span the full width of it’s container.
Card Groups
To create a card group, we wrap all the cards in a container with the column_group shortcode. If you don’t wrap the cards with the column_group shortcode, issues could arise with the page layout.
[column_group]
[card label="Card 1 Label" title="Card 1 Title" size="small"]...[/card]
[card label="Card 2 Label" title="Card 2 Title" size="small"]...[/card]
[card label="Card 3 Label" title="Card 3 Title" size="small"]...[/card]
[/column_group]