Paragraphs Image Sizes & Examples

This article shows examples of all the currently available Paragraphs widgets and image size settings available in the Paragraphs editor. 

This region also includes an example of the inline styles available to editors in the WYSWIG text editor. 

Here are examples of Bold Text, Italics, a ^superscript, a _subscript, underlined text, strikethrough text and a hyperlink. All of these should display correctly.

Here is an ordered list:

1. Item 1
2. Item 2
3. Item 3

And an unordered list:

• Item 1 with hyperlink
• Item 2
• Item 3

Here is the Normal paragraph style and all of the available Header paragraph styles:

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6 

Here is centered text

Here is right aligned text

Here is justified text that should fill the column width.  Aenean non ipsum ipsum. Nulla vel leo vel ex faucibus luctus tincidun

Here is a blockquote entered via the text editor. It should have equal space above and below. 

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. 

Here's some text after the block quote to check for spacing.

Here is a link to a loose file content type upload to make sure permissions and URLs are working.

This first Paragraphs Region is Basic Text (no images)

This Paragraph region is Basic Text, no images or other media, and it takes up the 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.

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. 

Image Carousel Widget

3/17/2020 Update: Images in the carousel no longer always crop/scale to 1000 x 500 pixels as before. Instead, they will display in their native proportions, and you can now upload a maximum of 50 images. Woo! Optimal image size to fill the viewport fully is remains 1000 x 500 pixels. 

Quote Widget

This is the Video Widget

Just enter the video URL from YouTube or Vimeo. 

Embedded Podcast Widget

Libsyn and Soundcloud hosting available out of the box.

Text Box Widget

CredSpark Poll/Quiz Embed

Just drop in the paragraph and plug in the Credspark's "slug" text string for the quiz, which usually look this: hello-this-is-a-credspark-quiz

Coral Embed

Add Topic Content Widget

This widget lets you add related content from any Topic of your choice. You can specify the number of articles up to a max of 20 along with the types of content that should be included. You also can specify a heading for the region. 

"About The Author" Widget

Follows below. Adds a little blurb to the author bio page.