1. Tutorials
  2. Paragraph Options Layouts
  3. Column Card (No Image)

Column Card (No Image)

View the example page to see this paragraph in action.

Column Card (No Image) example

Guidelines for using this paragraph

  1. This block is always used at 100% width of the page container (not the browser window).
  2. The height of all the cards will stretch to fit the card with the most content (bottoms will all align).

The best way to prepare content is to write great titles, description and Calls to Action for your text links.

The only visible change that happens is that each section will stack and each column will be the full
width of the device viewport except for some padding on the sides.

How to use this paragraph

  1. Create a Basic Page.
  2. Scroll down to the Paragraphs section, click the drop-down arrow, and click "Add Card Column (No Image) Container."
    paragraph selection dropdown with column card (no image) highlighted
  3. Proceed to the Overview of a Column Card (No Image) Container section of this guide below.
  4. Once you've added up to 4 cards, choose your publishing options and click "Save" at the bottom of the page.

Overview of a Column Card (No Image) Container

screenshot of fields outlined below

  1. Click and drag the crosshairs handle to rearrange your paragraphs.
  2. Remove the Column Card (No Image) paragraph.
  3. (Optional) Title - this is the title for the Column Card (No Image) paragraph. It appears above the cards.
  4. Grey Background Toggle - if this option is unchecked, the divider will appear on a white background. If it is checked, it will appear with a grey background. Only use the grey background if you are adding a divider between two paragraphs that also use a grey background.
  5. (Optional) Body - this is the body for the Column Card (No Image) paragraph. It appears above the cards.
  6. (Optional) Anchor ID - add a unique ID if you'd like to link to this specific section of the paragraph from another location
  7. Click and drag the crosshairs to rearrange your carfds within the Column Card (No Image) paragraph.
  8. Collapse this specific card.
  9. Remove the individual card.
  10. Column Title - this title appears at the top of the card.
  11. Card Supertitle - this title appears below the title.
  12. (Optional) Column body - this content appears below the titles.
  13. (Optional) URL - this link appears below the image. If you will be uploading a file, enter <nolink> in this field - it will be overridden when you select your file in the File Override field.
  14. (Optional) Link text - this is the text for the link that appears below the image.
  15. (Optional) File Override - add a file if you would like the link set to link to a file instead of a URL
    • You can either upload a file directory to the page, or open the file browser to upload the file to the site's central file repository. It is recommended that you open the file browser to upload, so that you can reuse the image in the future.
    • If you are opting to use the File Override, you'll still need to fill in the URL field - we recommend adding <nolink> 
  16. (Optional) Anchor ID - add a unique ID if you'd like to link to this specific card of the paragraph from another location 
  17. Add Column Card (No Image) - this adds another card. There are no limits on the number of cards you can add. Cards will automatically stack in rows of up to 3 cards per row.