A full width block with an image background and a choice of styles that showcases a link to another page.

Fields

• Category - A red label that shows the category of the page that can optionally be used to highlight the type of page that is being showcased. Options include The Edge, Opinion, Editorial, Featured, Case Study, Event, and Partnered Content.
• SuperTitle - Text that will appear above the main title.
• Title - The title you would like to use for the ad, usually the title of the page that you are linking to.
• Button Text - the text that will appear on the CTA
• Button Link - the page that the CTA will link to.
• Button Theme - the text colour and background colour for the CTA. All available options are shown in the examples at the top of the page. Choices include Default Blue; Black Text on Ice Blue CTA; Black Text on Solar Yellow CTA; Black Text on Renewed Green CTA; Black Text on Glacier Blue CTA; White Text on Pebble Grey CTA; White Text on Deep Glacier Blue CTA; Black Text on Sand CTA; and White Text on Pebble Grey CTA.
• Background Image - The image that will be used for the background.
• Reduce to Half Height -This checkbox will reduce the overall height of the block. This is best used with short titles - as you can see in the example, if the title runs to a second line this will extend the length of the block.
• Add Gradient to Image - A checkbox that will add a gradient to one side of the image (see below for how to choose which side). This is useful for lighter images where white text may not show as well against the background.
• Position of Gradient - Choose which side of the background image the gradient will be applied to.
• Right align - This checkbox will cause the title, supertitle, category tag and CTA to be right aligned.

Back To Component Library