Image Overlap Row (Full)

An image/content overlap block within a content-width column that takes up all of the content area.

Categories

Image and Text

Keywords

Preview

A placeholder image

Full width

This pattern uses the full content width on all screen sizes, for when you want a large feature version of this block. The desktop image size is 992 x 746.

Note: Live previews like this may not be actual size. All previews are limited to the width of the content area and are displayed with additional padding around them.

Notes

  • This pattern is a Bootstrap row and needs to be placed inside an existing container.
  • This block is sensitive to the size of the image that you use and you may need to experiment with image sizes to get the look you want.
  • In a window that can show the full content with of 1200px, the image dimensions will be 992 x 746 pixels.
  • The text section inside the block does not accept all blocks. If you try to add more content to that area, the selector will be limited to just the allowed blocks.

Pattern Markup