Text Image 2 Column Component

Introduction

The Text Image 2 Column Component is used to showcase an image/video next to a description with tagline and/or link to a page or asset. It is often used in carousels to display merchandising/promotional tiles (i.e. gated assets, vision studies, blog posts, success stories). 

It is also used as the hero of the individual blog posts.

Need Help?

If you need help with a specific use case for the Text Image 2 Column component or need guidance with appropriate configuration, please contact the web team.

 

Information

Specifications

Image Requirements: Image is required and must be uploaded to the DAM before it can be placed on the page.

  • Dimensions: 3600x2700 pixels
  • Aspect ratio: 4:3
  • File type: jpg

Settings for desktop and mobile images should be utilized to ensure there is an appropriate image for different screen sizes.

Video Requirements: Video can be used, but is not required. The file must be uploaded to the DAM before it can be placed on the page.

 

Authoring Instructions

Character Limit/Usage

Text can be added in the following properties: title, body copy, eyebrow, CTA.

Please use H2 for the Titles in this component.

  • Title: 45 characters max
  • Body copy: 300 characters max
  • Eyebrow: 50 characters max
  • CTA: 35 characters max

SEO Guidance

The title of this component should contain a target keyword or phrase.

For any images used in this component, please make sure to include an image alt text that describes the image relative to the contents of the page.

Styling Options and Instructions

 
Through the Properties tab, the author can:
  • Choose white or black for the text background color. If white is selected, the text will be black. If black is selected, the text will white.
Through the Styles tab, the author can:
  • Style with the image on the left or right.
  • Choose the background color
    • Transparent
    • White
    • Grey 50
    • Grey 100
    • Black    

Use Cases and Style Variations

This is the component used as the hero banner for blog posts.

By Oliver Ledgard | June 3, 2024

How One Airline is Using RFID to Mitigate the Risks of Rushed Cabin Inspections

If you’re looking for a way to turn around flights faster without compromising passenger or crew safety, check out this new tech-supported process that’s proving helpful around the world.


Component styled with image on left, black text background, with the background color transparent

Featured Use Case

Retail Loss Detection RFID Solutions

Reduce shrink and boost the bottom line with retail loss detection efforts and Zebra RFID solutions. This video also showcases Zebra’s complete end-to-end RFID solution which seamlessly integrates into your current infrastructure.


Component styled with image on right, white text background, with the background color transparent

Featured Use Case

Retail Loss Detection RFID Solutions

Reduce shrink and boost the bottom line with retail loss detection efforts and Zebra RFID solutions. This video also showcases Zebra’s complete end-to-end RFID solution which seamlessly integrates into your current infrastructure.