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.

You need to fully comply with copyright law. Ensure that you have the right to use any images you upload or insert onto your webpage. Further information is available on our Images FAQ page - Where can I find Images to use on my website.

Tip: Make sure the filename does not contain any spaces, and the file name has at least 3 characters (before the dot) or it might not upload. Also, remove any characters that are reserved for web addresses ( ! * ' ( ) ; : @ & = + $ , / ? % # [ ] ) or you may not be able to browse to the file once it's uploaded. 

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

How can I add Promo Image Boxes to my page?

  1. Go to the section you want the 'Promo Images Boxes' content type to appear on.
  2. Click on the Actions Button and choose Edit section from the dropdown menu.
  3. Click on +Add Content.
    Add Content button
  4. Choose the content type 'Three Promo Image Boxes' or 'Two Promo Image Boxes'
  5. Give the content a Name
  6. Give the first box a title in the Item 1 - Title field
  7. Give the first box a description in the Item 1 - Description field
  8. Click on the Drop file here or click to choose to choose an image from your computer (705 x 520px is the recommended size).

    Once chosen click Open to insert the image.
  9. Add a link for the box - choose an internal site by clicking on +Add section link or +Add content link; or enter an external link into Item 1 - External Link URL
  10. Repeat the steps 5 - 9 above for Item 2 ('Two Promo Image Boxes') and Item 3 ('Three Promo Image Boxes')
  11. Click Save changes to put your content on Pending
    Save changes button. No option to save and approve or save as draft..
    Click on the small arrow beside Save changes and choose Save and approve to approve your content
    T4's Save and approve option, selected

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.

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