Page Content Sections - News Teasers (3) Section

Use the News Teasers (3) section when you want to show up to three approved news items from selected categories on a page.

What this section is for

This section creates a compact row of news teasers that links visitors to your full news page.

Helpful details:

  • It only pulls news items from the categories you select.
  • It is different from the full News Page section, which shows the full news listing.
  • On default pages, the section uses the main content width.
  • On landing pages, the teaser row is centered inside a container.
  • The section always includes a View All News » link to /news.

Fields in the News Teasers (3) Section

Section Title

Use Section Title to help your team identify the section while editing the page.

Helpful detail:

  • This title is internal only. It is not shown on the website.

Background Color

Use Background Color to choose the color styling for the teaser items.

Helpful details:

  • The selected color is applied to each teaser item, not to the entire section background.
  • If you choose white, the accent styling is based on the site's primary theme color.

Border Options

Use Border Options to choose how each teaser item is outlined.

Options:

  • No Border Around Each Item
  • Thin Border Around Each Item
  • Thick Border Around Each Item
  • Thin Border on the Sides and Thick Border Top/Bottom of Each Item

Headline

Use Headline to add a visible title above the teaser row.

Helpful detail:

  • The section header also includes the View All News » link, so it works best when you provide a headline.

Categories

Use Categories to choose which news categories can appear in this section.

Helpful details:

  • This field is required.
  • Only active categories are available to select.
  • A news item can appear if it matches any of the selected categories.

Active

Use Active to control whether this section is included when the page is rendered.

Helpful detail:

  • If Active is turned off, the section stays in the page editor but does not appear on the website.

Important behavior to know

  • This section shows up to 3 matching news items.
  • Only approved news items are included.
  • The section uses each news item's active, activation-date, and deactivation-date rules.
  • News is sorted with pinned items first, then by Published Date with newer dates first.
  • The section does not separately hide future-dated published items on its own.
  • Each teaser links to the full news page for that item.
  • Each teaser shows the headline, published date, and teaser blurb.
  • This section does not currently display the teaser image inside the teaser row.
  • If fewer than 3 news items match, it shows only the matches that exist.
  • If no news items match, the section can still show its header and View All News » link with no teaser items underneath.

How to add a News Teasers (3) Section to a page

  1. Open the page you want to edit.
  2. Go to the Page Content area.
  3. Click Add new section.
  4. Choose News Teasers (3).
  5. Enter a Section Title for internal reference.
  6. Choose a Background Color.
  7. Choose Border Options.
  8. Add a Headline.
  9. Select one or more Categories.
  10. Make sure Active is turned on.
  11. Save the page.
  12. Review the page on the website.

Practical setup tips

  • Use categories deliberately if you want separate teaser rows for different types of updates.
  • Pin only the most important news so the top of the teaser row stays useful.
  • Keep teaser blurbs short so the section stays easy to scan.
  • If you want a larger archive or full listing, use a News Section instead.
  • Add teaser images to your news records if you want them available elsewhere, but do not expect them to appear in this section's current layout.
  • Use matching border and background styles with Events Teasers (3) or Promo Blocks (3) if you want a more consistent page design.

If the section is not behaving as expected

Check these items first:

  • the page was saved after your edits
  • the section's Active toggle is turned on
  • one or more categories were selected
  • the news item belongs to one of the selected categories
  • the news item is approved
  • the news item is active and within its activation and deactivation dates
  • you are not expecting the section to hide future-dated published items automatically
  • you remember that teaser images are not displayed in this section's current layout

Related topics

  • News - Create and manage the news records used in this section.
  • Categories - Organize news so teaser sections can filter it.
  • Page Content Sections - News Section - Use this when you want a full news listing instead of teasers.
  • Pages - Learn how pages and page sections are managed.

« Return to DOCUMENTATION