Commonly used on landing pages the Text with side image paragraph is a great way to create interesting sections on the page and break the content up with images.
Rather than have headers and paragraphs of plain text repeating down the page this paragraph type allows you to add images which can relate to the paragraph content beside the text making the page much more engaging.
You can also add one or two buttons to the text section to take your visitor to further details in another page of your site.
Text with side image can be added multiple times to the page with alternating left and right image display to create well laid out and clear content for an easy user journey.
Fields that exist on this paragraph type are:
* = Required
Image - Image upload *
Style - Dropdown
Default options - Image left/Image right
Title - Text field
Text - Long text field WYSIWYG *
Text align - Dropdown *
Default options - Left/Centre/Right
Button one - Link (Title & URL)
Button two - Link (Title & URL)
The layout and background of the paragraph can be configured with the additional fields:
Background image - Image upload
Background colour - Dropdown
The background colour can be selected from the core brand colours defined in the theme variables.
Width - Dropdown
Default options - Narrow/Medium/Wide/Full/Full bleed
Top margin - Dropdown
Default options - Auto/96/48/32/16/8/0px
Bottom margin - Dropdown
Default options - Auto/96/48/32/16/8/0px
Examples of a Text with side image paragraph display
Style-Image Left, Text align-Left
Style-Image Left, Text align-Central
Style-Image Left, Text align-Right
Style-Image Right, Text align-Left
Examples of a Text with side image paragraph form
