CivicTheme
  • Docs
  • Changelog
  • Getting started
    • Introduction
    • Installation
    • Getting help
    • Security policy
    • Partnerships
  • Installation
    • Drupal theme
  • Contributing
    • Contribution model
    • Contribution basics
    • Small contribution spec
    • Medium contribution spec
    • Major (RFC-level) contribution spec
    • Code of conduct
    • Figma contributions
  • Components
    • Component list
  • Content Authoring
    • Overview
    • Global settings
      • Favicon
      • Header
        • Site slogan
        • Header logos
        • Primary navigation
        • Secondary navigation
      • Banner
      • Search
      • Link
      • Skip link
      • Side navigation
      • Signup
      • Footer
        • Footer logo
        • Social links
        • Footer navigation
        • Acknowledgement of Country
        • Copyright
      • Colours
    • Content types
      • Page
        • Configure the banner
      • Event
      • Alert
    • Content components
      • Accordion
      • Automated list
      • Attachment
      • Callout
      • Campaign
      • Content
        • Quote
      • iFrame
      • Manual List
        • Event card
        • Event reference card
        • Navigation card
        • Navigation reference card
        • Promo card
        • Promo reference card
        • Publication card
        • Service card
        • Subject card
        • Subject reference card
        • Snippet
      • Map
      • Next step
      • Promo
      • Slider
      • Webform
    • Vocabularies
      • Topics
      • Site sections
    • User accounts & roles
Powered by GitBook
On this page
  • Summary
  • Step 1 - Add the Promo card
  • Tip

Was this helpful?

Edit on GitHub
Export as PDF
  1. Content Authoring
  2. Content components
  3. Manual List

Promo card

PreviousNavigation reference cardNextPromo reference card

Last updated 1 year ago

Was this helpful?

Summary

The Promo card is a good way to highlight content and take users to that content. It consists of a title, image, date, summary text, and a link.

This article shows you how to add a Promo card component to a Manual list component.

Below is a promo card.

And this is what four promo cards in a row looks like.

Step 1 - Add the Promo card

Within the Manual list component under List items, click on the dropdown and select Promo card as shown below.

In the screenshot below you can see the Promo card fields, which are numbered and highlighted.

  1. Title - Add the card title.

  2. Subtitle - Add a subtitled if desired.

  3. Image - Add an image to the card if desired.

  4. Summary - Add summary text to the card.

  5. Link - Type in the link for the page the card will link to.

  6. Topics - Add a topic if desired. If you'd like to add more than one topic, click on Add another item.

  7. Theme - Choose the light or dark theme.

Tip

You can configure the number of Promo cards in one row by adjusting the “Column count” under the “Appearance“ tab as shown below.