/
Pill Image Block

Pill Image Block

Highlight an image with a caption with a Pill Image.

Pill Images look best when they are not full width. Put a Pill Image in Columns or Flex Group. The Pill Image is also included in the Three Pills template in the IBE Library.

Styles

The pill image block has 3 styles.

Default

The default Pill Image is the pill included in the Three Pills template often used in the

Slider

The Slider can go left or right. And can be a large size or a small size. There are four color options. Set the size and color in the sidebar.

Add Grey Pills in the Margin

When you have three small Slider Pills in a column block, you can add a the ‘Side Pills’ style to the column block to add subtle grey pills in the margins.

 

Feature

The Feature style highlights the caption.

Pill Image Block Vs Image Block with Pill Style

The image block has a “Pill” style option. The difference between using that and using the Pill Image Block is that the height is locked for the Pill Image Block. In addition, the Pill Image Block has specially styled captions.

If you use the Image block with Pill styling with a square image, you will get a circle. If you use a square image with the Pill Image block, the bottom and top of the image will be cropped so the image has the proper shape.

Related content

Block Styles
More like this
Image Callout Block
Image Callout Block
More like this
Layout Blocks: Columns, Flex & Groups
Layout Blocks: Columns, Flex & Groups
More like this
Template Library
More like this
Add an Image Carousel
Add an Image Carousel
More like this
Flow Section
More like this