Skip to main content

News

C
Written by CiviPlus Helpdesk
Updated over a week ago

Page display

Configuration fields

Card Example

About News content type

This is used for news articles or blog posts.

When creating News content an image for the page header can be added along with an image for the card which is displayed the listing paragraph News listing cards.

  • Any content paragraph can be added in the page main content area


Fields which collect your News details are collated into horizontal tabs, click through the tabs and complete the fields for your News article.

* = Required

  • Title - text field *

  • Page content

    • Header image - Image upload

    • Image for card - Image upload *

    • Written by - Text field

    • Lead text - Long text field

    • Main body - Long text field - WYSIWYG

    • Approval status - Dropdown

    • Components - Add content paragraphs

  • Categorisation

    • Featured - Checkbox

    • News types - Taxonomy *

    • Theme - Taxonomy

    • Region - Taxonomy

    • Career stage - Taxonomy

    • CiviCRM organisation - Entity reference


Field mapping

Example News page display

Display item

Field

1

Header image

Header Image Requirements & Recommendations

The Header image appears as a full-width banner at the top of the content page and is styled using background-size: cover and background-position: center. This ensures it scales responsively across devices and screen sizes.

We recommend uploading a high-quality image at 1920×442px (16:9 ratio) to maintain clarity and avoid stretching or pixelation on wider monitors. Keeping the subject of the image centred helps preserve visual impact across different breakpoints, as edge content may be cropped on smaller screens.

If no header image is uploaded:

  1. The system checks for an image attached to the selected ‘Type’ taxonomy.

  2. If not available, it falls back to the default image set in the theme for the content type.

  3. If neither are provided, a default dark grey background will be displayed.

For the best results, ensure all content items use a properly sized and composed header image, and configure taxonomy or theme fallback options as needed.

2

Title

3

Written by

4

Categorisation - taxonomy terms

5

Lead text

6

Main body

7

Components

Example News listing card display

Display item

Field

1

Card image

2

News type taxonomy

3

Published Date

4

Title

Did this answer your question?