Image (Large)

View the example page to see this paragraph-type in action.

Image (Large) example

Guidelines for use

  1. This paragraph is always used at 100% width of the page container (not the browser window)

  1. Avoid using text on images. Text on images is not SEO friendly and creates legibility issues when seen on mobile devices

Elements

Title: An optional <h2> heading that will appear left-aligned on top of the image. Maximum character count: 100.

Body: Optional <p> paragraph text that will appear left-aligned on top of the image. Maximum character count: 300

Image: The image that will be displayed - it will span the width of the page container (not the browser window)

Caption: Optional <p> paragraph text that will appear left-aligned below the image. Maximum character count: 250.

Image Credit: Optional <p> paragraph text that will appear right-aligned below the image. Maximum character count: 120. 

Use this Image (Large) paragraph if you wish to highlight a single image that is not decorative that you wish to add some explanatory text or caption information to.

 

Text will likely wrap if it is one line on desktop

How to implement

  1. Create a Basic Page.

  2. Scroll down to the Paragraphs section, click the drop-down arrow, and click "Add Image (Large)"
    Selecting Add Image (Large) Menu Item

  3. Proceed to the Overview of an Image (Large) section of this page

  4. Once you've added your Image (Large) content, choose your publishing options and click Save at the bottom of the page.

Overview of an Image (Large)

Overview of An Image (Large) Paragraph

  1. Click and drag the crosshairs handle to rearrange your paragraphs.
  2. Remove this entire paragraph.
  3. (Optional) Anchor ID: Add a unique ID, if you would like to link to this specific section of the page from another location.
  4. (Optional) Title - Add a title for the image - it will appear left-aligned above the image.
  5. Grey Background Toggle - if this option is unchecked, the divider will appear on a white background. If it is checked, it will appear with a grey background. Only use the grey background if you are adding a divider between two paragraphs that also use a grey background.
  6. (Optional) Body - Add a paragraph of text about the image - it will appear left-aligned above the image
  7. Image - the image that you wish to display on the page
  8. (Optional) Caption: Add a brief description of the image - it will appear left-aligned below the image
  9. (Optional) Image credit: Give credit to the person/company who created the image - it will appear right-aligned below the image