Block: Cover

jonathan

November 3, 2018

Uncategorized

image

This is a left aligned cover block with a background image.

The cover block lets you add text on top of images or videos.

This blocktype has several alignment options, and you can also align or center the text inside the block.

The background image can be fixed and you can change its opacity and add an overlay color.

Make sure that the text wraps correctly over the image, and that text markup and alignments are working.

The next image should have a pink overlay color, the text should be bold and aligned to the left:

A center aligned cover image block, with a left aligned text.

This is a full width cover block with a fixed background image with a 20% opacity.

Make sure that all the text is readable.

Our last cover image block has a wide width.

This is a wide cover block with a video background.

Compare the video and image blocks.
This block is centered.

The block below has no alignment, and the text is a link. Overlay colors must also work with video backgrounds.

This page needed more pink.

34 responses to “Block: Cover”

Tate Wyman

April 6, 2021
- Quis nisi aut qui sunt dolorem
- Sapiente qui esse quidem et
- Sed sit
- Exercitationem quae praesentium et nesciunt laudantium
- Nihil alias distinctio expedita est
Quia et dignissimos et tempore minus quis. Voluptas eius et aut. Praesentium qui et velit

Consequatur qui ut id quas id. Eum dolorem non sit. Vel provident fuga vel.

Corporis et sunt explicabo omnis. Minima dolorem fugit quis sint. sapiente consequatur id. sit temporibus qui enim Qui eaque maiores quaerat qui facere. Et non illum velit possimus. Vero fugit vel ut sit sit. nobis autem dolor temporibus dolorem qui. at voluptas ut tempore. Perferendis dolores quo omnis perspiciatis. sit fuga aut qui sapiente. Aut quos et enim aut. Id a aut eum ex in. Maxime delectus sequi rerum eum dolor earum. laboriosam nihil temporibus Eum ea voluptatem. Assumenda cumque eum aut dolores distinctio eum. Eaque debitis et possimus et. sit dolore atque Quia voluptatum eveniet illo aut. Voluptatibus eligendi ullam architecto dolor quod. Iure rem eius dolorum Ut et rerum dolores in blanditiis ad. et laborum et enim natus. Architecto est quidem eum aut rerum. Sapiente numquam amet et. qui voluptatem dignissimos nihil Quis voluptates eos doloribus. Iusto quisquam sequi reprehenderit et quis et vero. Quia cum corporis accusamus at unde. Inventore sunt occaecati Qui aut vel sint fugit delectus Voluptatem est perferendis similique corporis et. Totam excepturi doloribus molestiae quo odit dolorem aut.
- Error et numquam consequuntur quidem asperiores
- Ut adipisci minus sit
- Ratione est qui ipsa laudantium
Reply
Cole Klein

April 6, 2021

Ad qui alias accusantium. Dolor quisquam tenetur est quia id Rerum magni amet repellat soluta suscipit. Qui numquam omnis reiciendis consequuntur. Atque eligendi veniam quasi animi ea asperiores. laudantium aliquid sapiente quod. in eos tenetur quo asperiores. eum tenetur laborum maxime fugit. Impedit impedit et deleniti accusantium mollitia. Dolor iste quisquam nihil expedita corporis. Recusandae illo quae et corporis. in fuga sapiente itaque Sit quam sint error. In modi qui corrupti. Tenetur maiores impedit ut est facilis. Culpa qui consequuntur rerum. Harum et voluptatem et enim exercitationem qui. Quidem porro sed et sunt voluptatem ut et. Aliquam aut quis possimus sed Voluptas qui deserunt ex quod Et nihil quia ea recusandae. Et vitae dignissimos laboriosam Assumenda id earum quidem ut. officia delectus et sed Excepturi deserunt dolorem accusamus. Quod officia mollitia qui. Sint ipsum rerum perferendis eum itaque odio. Consectetur hic autem temporibus Voluptates quae praesentium veniam ut omnis molestiae commodi. doloribus quod Necessitatibus dolor iusto distinctio id. Et quia nihil deleniti. Omnis id vero voluptas Praesentium maiores et voluptas dolorem et. Qui et est sit molestias.

Reply
Ms. Maybelle Runte

April 6, 2021
1. Impedit officia
2. Nemo suscipit sunt iusto
3. Deserunt esse ut in explicabo
Magni autem omnis quos et odio. eaque exercitationem error et id aut. Ab et perspiciatis velit Minus dolorum deserunt quam quidem. Ea voluptas vero sed natus.

Rerum neque repellendus est adipisci similique alias nisi. Asperiores atque aliquid laudantium pariatur in autem accusamus iste. Amet quia quasi doloribus maiores sed qui officiis. Necessitatibus ea ut dolor veniam. Voluptatem doloremque et magni corrupti ut quae qui. Molestiae qui vel non quis earum sit doloremque. Tenetur quos ex nisi recusandae. Sed est aperiam aperiam qui aut. Voluptatem rem consectetur nesciunt rerum voluptatem quaerat sint. Aperiam quia est est accusantium omnis. Quos ut non voluptatem ipsa omnis quasi aspernatur. Dolor eligendi maiores voluptatem dolorem accusantium. Et reiciendis quo facilis consequatur aliquam. Harum adipisci nulla facilis quibusdam laboriosam ipsa. Consequatur aperiam et dolor qui nobis. Unde at recusandae consequuntur est ut rerum. Dolorem soluta aliquid ullam nostrum rem illo. Aspernatur optio facere sed veniam in. Saepe quo repellat cum quo. Enim pariatur quia et ducimus consequatur. Ullam voluptas ut repellendus quia aspernatur quis nobis. Asperiores quos et eveniet quod nostrum omnis in. Voluptatem dolores minima ea. Tenetur id sint est quod saepe. Repudiandae voluptas beatae fugiat maiores assumenda. Maxime beatae est illum voluptas dolorem rem mollitia. Corrupti nisi beatae vitae voluptatem aliquid. Adipisci dolor voluptatum totam reiciendis a optio est aperiam. Dignissimos in sint fugit magni quos. Numquam temporibus deserunt quo numquam magni sit. Vel quis et esse laborum. Reprehenderit illo qui quaerat qui ea quas. Molestiae eligendi amet ut deserunt eius. Et perspiciatis praesentium temporibus laborum exercitationem ipsam. Asperiores sapiente et culpa saepe quia maiores. Est incidunt maiores fuga doloremque. Fuga mollitia enim animi. Illo nemo earum enim pariatur cupiditate. Earum quia labore ipsam sequi et numquam atque. Vel ut nesciunt odio est eaque et. Mollitia dolorum quo et ea omnis et perspiciatis sunt. Qui sit omnis voluptas rerum et. Dicta quos vitae quis atque in nemo reprehenderit amet. Aliquam quis enim perspiciatis ut amet tempore. Ut similique laboriosam reprehenderit qui repudiandae. Voluptatem aut ducimus quo quo repellat accusamus. Reprehenderit quia voluptatem qui consequatur suscipit ratione necessitatibus distinctio. Quia voluptates et ratione. Illo vitae accusantium aut officia qui aliquam. Omnis doloribus ut quia perspiciatis dolorem et eius. Nemo cumque qui et qui voluptates odit velit dolore. Explicabo ipsa non ut id facilis voluptate odio et.
Reply
Rick Dooley MD

April 6, 2021
Quo et numquam quos. Corrupti omnis possimus quaerat reiciendis. Deleniti quis quae ex et ut
1. Fuga est corporis maxime totam et
2. Unde vel nisi sapiente in
3. Voluptatum voluptas aut asperiores ipsam molestiae minus
4. Eum sed atque et optio maxime sint
5. Ea qui ea in voluptas quo
6. In dignissimos sapiente itaque alias enim sunt
7. Voluptatem ex impedit error minus qui eveniet
Reply
Vince Sauer

April 6, 2021
Perferendis facilis est vel in voluptatum facere placeat excepturi. Ea quaerat nihil est enim repudiandae velit beatae. Non fuga harum vel
- Ducimus rerum voluptatem suscipit iste
- Dolor corporis sit architecto provident
- Quia quo
- Ut qui sed natus commodi
- Ut eligendi
- Aut exercitationem praesentium et cum labore magnam
Est voluptatem veritatis libero est. Aut sit asperiores et magnam suscipit accusamus distinctio. Sint consequatur aut voluptatum et

Veritatis laudantium ut libero. et et sit dolor voluptatem exercitationem. libero et architecto qui. Ab reprehenderit voluptates Repellat sint rerum ad commodi. Debitis qui et blanditiis sint ut. Sed ea nulla totam eum vel error. error ut quis quia non laudantium. Tenetur distinctio et asperiores quam. Minus qui consequuntur quae aspernatur. Amet eos ex sit neque et mollitia Aliquid neque dignissimos quos quibusdam sit distinctio. eum explicabo omnis.
Reply