Paragraphs Image Sizes & Examples
This first section is Basic Text (no images)
This article shows examples of all the currently available Paragraphs widgets and image size settings available in the Paragraphs editor.
This region is Basic Text, no images or other media, takes up full column.
Refer to the Image Specs Article for details on cropping and resizing your images for upload. Also refer to the Links and Reference sheet for examples and more information.
This is Image + Text: Small Image Setting
You can align left or right and add an optional caption, hyperlink and flag for advertising. Takes up 1/4 column in desktop view.
This is just some more text to wrap around the image. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.
This is Image + Text: Medium Image Setting
Aligned Left, with Advertisement flag checked. Takes up 1/3 column in desktop view.
This is just some more text to wrap around the image. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.
This is Image + Text: Large image Setting
Takes up 1/2 column in desktop view. Good for charts when they're narrow enough to display type clearly.
This is just some more text to wrap around the image. Notice you need more text to wrap around larger images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.
Next Three Sections Are Image (Only) Widget
3 different settings for size. Images take up half column for small setting to full column for large setting. Useful for big charts and graphics. Optional Captions.
This is a Sample Image Gallery
This is Background Image + Text
Image CarouseL Widget
Images take up full column and will crop to this widescreen aspect ratio. Maximum of 4 images per carousel, but you can have more than one per article if necessary.
This is My Aside (or Sidebar)
This is my Aside Text. I can choose to left or right align the Aside.
This is Aside + Text
That gray box to the right is the aside (sidebar). Just make sure you include enough text in the body copy to wrap around the sidebar. You can align it left or right.
This is just some more text to wrap around the aside. This is just some more text to wrap around longer Asides. Notice you need more text to wrap around larger images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. This is just some more text to wrap around the image. Notice you need more text to wrap around larger images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi.
Quote Widget
Mars, Incorporated
This is Buyer's Guide + Text listing
This is just some more text to wrap around the image. Notice you need more text to wrap around larger images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.
This IS White Paper + Text listing
This is just some more text to wrap around the image. Notice you need more text to wrap around larger images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidunt ultricie Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie. Nulla vel leo vel ex faucibus luctus tincidunt ultricies nisi. Ut ac leo pretium nisi consequat molestie.
This is Related Content. Just Add Widget and Select Your Items
Williams-Sonoma's e-commerce revenues grew to almost 52% of total revenues in its fourth quarter 2016.
The sky is not a delivery limit for Amazon, which made its first package drop by drone to a test customer earlier this month.
Julie’s Organic Ice Cream is relaunching with an elegant rebrand and fresh new line of super premium organic pints.
This is the Video Widget
Just enter the video URL from YouTube or Vimeo.
Text Box Widget
You can keep adding new boxes with their own subheads and text.
And you can specify whether the boxes arrange themselves horizontally or vertically.
Experiment with what works best!
Text Boxes Widget Text 4
"Some callout quote."
- Bullet 1
- Bullet 2
- Bullet 3
CredSpark Poll/Quiz Embed
The "About The Author" Widget follows below. Adds a little blurb to the author bio page.
About the Author
