Circular Image Hero content type details
ID: 414
Name: Circular Image Hero
Description: Adds the quote with an image to a page
Content element details
Name | Description | Size | Type | Required |
---|---|---|---|---|
Name | The Name Element | 80 Characters | Plain Text | Yes |
Image | Select an image from media library | 80 Kilobytes | Media | Yes |
Show Image on Right | Select the checkbox to show the image on right side of text. By default it is on the left. | 80 Characters | Check Box | No |
Kicker Text | Enter the text for the kicker | 50 Characters | Plain Text | No |
Headline | Enter the title | 80 Characters | Plain Text | Yes |
Body Copy | Enter the main body of the header | 250 Characters | Plain Text | Yes |
CTA Text | Enter the text for the link | 50 Characters | Plain Text | No |
CTA link (internal) | Select a section/content for an internal link | 80 Characters | Section/Content Link | No |
CTA link (external) | Only enter this if you are NOT entering an internal link | 200 Characters | Plain Text | No |
CTA link (Document) | Select a PDF/word file from media library | 80 Kilobytes | Media | No |
Show CTA as a button | Select the checkbox to show CTA as buttons | 80 Characters | Check Box | No |
Show CTA as a Link | Select the checkbox to show CTA as links | 80 Characters | Check Box | No |
Description
A large promo block featuring a circular image, a headline and body text. The image needs to be pre-cropped as circle and should be 500x500px. It can be displayed on the left or the right or the block.
There is an option to add kicker text which is diplayed vertically on the left on large screens and horizontally at the top on smaller screens.
There is an option to a call to action link, which can either be output as a text link with an arrow or a button by selecting either the 'Show CTA as a Link' or 'Show CTA as a button' checkboxes.
Examples

When the industry needs shifting come and shake it.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

When the industry needs shifting come and shake it.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.