Skip to content

Single-Line Display for Post Meta and Taxonomies #433

@ZaredRogers

Description

@ZaredRogers

Description:

Create a solution to wrap post meta and taxonomy content so it displays on a single line. This styling update is needed primarily for the Fast Facts sections in Tours, Accommodation, and Destinations, as well as in the Itinerary and Units patterns.

This functionality will likely require CSS adjustments to ensure all content fits in a single line, maintaining readability and alignment, and wrap below the label when too long to fit.

Requirements:

  1. Fast Facts Sections:

    • Ensure post meta and taxonomy content is displayed on a single line across Tours, Accommodation, and Destinations.
  2. Itinerary and Units Patterns:

    • Adjust styling so that post meta and taxonomy details fit within a single line format.
  3. CSS Implementation:

    • Use CSS to manage overflow, wrapping, and spacing as needed for consistent display.

Acceptance Criteria:

  • All specified sections display post meta and taxonomies on a single line without breaking layout.
  • CSS is applied in a way that maintains content alignment and readability.
  • Styling matches the design provided in the screenshots.

Design Notes:

Refer to the screenshots for visual reference on expected layout and styling for single-line display.

Screenshots

How the meta wraps right now if put in a row

Image

How it should behave

Image

Metadata

Metadata

Projects

Status

✅ Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions