Skip to main content

Opportunity

C
Written by CiviPlus Helpdesk
Updated over a week ago

Page display

Configuration fields

Card examples

Full lead listing card


50% lead listing card


Listing card


Card when map displayed

About Opportunity content type

This can be used to recruit for paid or volunteer opportunities, the page will have a deadline and information about the role or opportunity being advertised. Once the deadline expires the opportunity is unpublished and removed for external users.

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

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


Fields which collect your Opportunity 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 *

    • Main body - Long text field - WYSIWYG

    • Approval status - Dropdown

    • Components - Add content paragraphs

  • Opportunity detail

    • Contact details - Text field

    • Location types - Taxonomy *

    • Deadline - Date picker

    • Opportunity CTA - Link field

  • Categorisation

    • Featured - Checkbox

    • Opportunity types - Taxonomy *

    • Theme - Taxonomy

    • Region - Taxonomy

    • Career stage - Taxonomy

    • CiviCRM organisation - Entity reference

  • Permissions

    • Access restrictions - Dropdown


Field mapping

Example Opportunity 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

Opportunity CTA

4

Deadline

5

Location

6

Categorisation - Opportunity type

7

Contact details

8

Categorisation - taxonomy terms

9

Main body

10

Components

Example Opportunity card display

Full lead card

50% lead card

Listing card

Card when map displayed

Card field mapping

Display item

Field

1

Card image

2

Opportunity Type

3

Deadline

4

Tilte

Did this answer your question?