Skip to Content

Custom Select Cards

Module 2.4 – Advanced: Stacked & Card Listing Blocks: Custome Select Cards

Custom select card blocks are used for pulling custom content onto a page in a card format. You choose exactly which cards and information to display. There are four custom select card blocks available: People, File, Page, and Video.

Follow along below to learn more about to use a custom select card block. I’ll focus on People Cards but the process is similar for all card blocks with a few different options available for each.

Step-By-Step

Add a Card Block

1. Add a Custom Select Card block using the block menu. Under Card Grids, choose from People Cards: Select, Video Cards, File Cards: Custom, Page Cards: Select, or Video Cards: Select.

Custom Select Card options

People Cards: Select

1. Click on an individual people card and then start typing a name in the card options at the right to select a person. Click the individual’s name to add them to the block

Card options for people

2. Select options from the Block menu on the right.

Customize the order of cards by using the drag and drop or left/right arrows.

Johnson, Danniel

Connor, Susan

Taylor, Tom

People Card Block Options

  1. Add a header (title) to card block
  2. The block background can be white or grey
  3. Select the number of columns (2,3, or 4) using the slider
  4. The card background can be white or grey
  5. Choose options for card shadow
    • On card & hover
    • On hover only
    • None
  6. Toggle images off or on
  7. Toggle dates off or on
  8. Toggle excerpts off or on
  9. Determine the number of cards to display using the slider.
  10. Add a More Button to show more cards
    • Choose Load More to display more on the page
    • Choose View More to bring visitors to another page
    • Choose Show All (No Button) to display all
  11. Display cards (posts) from one or more categories by typing the category name into the text box
Card listing block options

Event Card Block Options

With event cards, use the selector to display either upcoming or past events.

People Card Block Options

With people cards, you can sort by first or last name and select the order you wish to use (alphabetical or reverse alphabetical).

people options

You can also show:

  1. Images
  2. Job Title
  3. Email
  4. Phone

Video Card Block Options

With video cards, you can sort by Video Title or Publishing Date and select the order you wish to use (alphabetical or reverse alphabetical)

File Card Block Options

Page Card Options

With page cards, you can decide to show the dates and/or the excerpts.

Show dates and Excerpts

You can order cards alphabetically or chronologically by date the page was modified.

Examples: News, Event, and People Cards

How to Structure Engaging News Posts in cuTheme

Welcome to the exciting world of cuTheme! If you’re used to our ccms theme (in classic WordPress), you’ll find that…

Using List View and Outline View

The list and outline views are helpful when navigating your webpage. To open up these views, click on the three…

How to Wrap Text Around an Image

There are three simple steps that you can take to wrap text around an image. b Add an image block…

coffee and laptop

Dec 20

Coffee Break with Web Services

  • 10:00 PM to 11:00 PM
  • TBD
coffee

Oct 26

Coffee Break

  • 12:00 PM to 2:00 PM
  • TBD

Video Tutorial

Try it Out!

Now that you have learned how to add a listing, time to try it out!

  1. Add a news card block.
  2. Display news from one category only.
  3. Play around with some of the card block options.
  4. Add an event card block and try out options.
  5. Add a people card block and try out options.
  6. Add a video card block and try out some options.