Long Quote with Headline

A single UDS block quote with headline on a photo or patterned background.

Categories

Quotes

Keywords

Preview

Copy Pattern

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem Ipsum

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 block uses a cover block to provide the background pattern area. Cover blocks expand horizontally to fill all available space.
This block is designed to be used outside of all other containers, but can be use inside of a container (as it is in the preview above)

Pattern Markup

<div class="wp-block-cover" style="min-height:480px"><span aria-hidden="true" class="wp-block-cover__background has-gray-7-background-color has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-5177" alt="" src="https://placehold.co/1920x480/00a3e0/FFFFFF/png" data-object-fit="cover"/><div class="wp-block-cover__inner-container">



<div style="height:16px" aria-hidden="true" class="wp-block-spacer d-lg-none"></div>

<div class="wp-block-group has-white-color has-text-color">
<h2 class="wp-block-heading mb-6"><span class="highlight-gold">Lorem ipsum dolor sit amet</span></h2>

</div>

<div style="height:8px" aria-hidden="true" class="wp-block-spacer d-lg-none"></div>



</div></div>