Home ▻ T4 Training▻Training▻Training Examples▻Promo Image Boxes

Promo Image Boxes

Promo image boxes

You can add have either 2- or 3-column promo image boxes.  They use the same size images and look for the exact same information.

Here's an example of them:

Short (example) title

Short (example) title

A short description works well here

Short (example) title
Title: Up to 39 chars display in caps below - 63 when you hover

Title: Up to 39 chars display in caps below - 63 when you hover

Interestingly enough, the character limit for the promo image boxes is 2048 characters, so the CMS lets you add a lot more than the 162 that will show on screen.

Title: Up to 39 chars display in caps below - 63 when you hover
Public Website

Public Website

The public University of Galway website, as seen from off-campus

Public Website

See how this content type looks in different page types:
With Rightbar, Without Rightbar, Widescreen, and Ultra-Wide (sub-site) / Ultra-Wide (top-level) pages
or else
Normal, Widescreen, and Ultra-Wide (Sub-Site) / Ultra-Wide (Top-Level) Landing pages

Note: You change a page's width (and other options) using its section's DC.Keywords field - see my interactive demonstration for full information.

  1. Add a Three Promo Image Boxes or a Two Promo Image Boxes content type to your section
  2. Input a Name

Do the following for each Promo Image Box - Item 1 to Item 3 (Item 1 and Item 2 for the Two Promo Image Box)

  1. Input a Title, in the example here the title is what is showing in the Maroon ribbon. The title will show in capitals - only 32 characters (incl spaces) will be displayed in the Maroon ribbon, any additional characters in your Title will show when you hover over the box.
  2. Input a Description, if you hover your mouse over one of the example boxes, you will see that the Title and Description appear. Although you are able to type up to 2048 characters in the Description field, only a small number of characters will show in the box.
    NOTE: The number of characters visible when you hover over the box is influenced by the length of your Title.  If you have a long Title, less of your Description will be visible.
  3. Add in an image for the Promo Image box, recommended size is 704x520
  4. Add a Section Link or a Content link if linking to another section within the University of Galway Website
  5. Insert an External Link URL if linking to an external website
  6. Click 'Save changes' to set status to Pending or click on the little arrow and choose 'Save and approve' to set status to Approved.

play icon circular tealLanding Page / Promo Image Boxes

You can fit a longer title (example) here

You can fit a longer title (example) here

You can also use a longer description when using the 2 Promo Box option as there is more space to display.

You can fit a longer title (example) here
Up to 41 chars fit on this banner

Up to 41 chars fit on this banner

The Title length affects how much description text will display. Keeping the Title to 41 chars (with spaces) will allow for approx. 250 chars in your description and all of the text will be visible to the site visitor when they hover over it.

Up to 41 chars fit on this banner