Skip to content

Accessibility preferences

Text size:



Line spacing:




Change font:



Change contrast:

Enhance inputs areas:
Need help? Kaya theme set up guide

Some content in the top header

Some content in the top right header.

Kaya Theme Demo home.
  • a Blog page
  • Accessibility
  • Front Page
  • Sample Page
  • Ελληνικά-Greek
    • Επίπεδο 2 -Second Greek level
      • Επίπεδο 3
  • About The Tests
    • Page Image Alignment
    • Page Markup And Formatting
    • Clearing Floats
    • Page with comments
    • Page with comments disabled
  • Level 1
    • Level 2
      • Level 3
      • Level 3a
      • Level 3b
    • Level 2a
    • Level 2b
  • Lorem Ipsum
  • Page A
  • Page B

Block: Cover

Posted on November 3, 2018 by Gen Herres.

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.

Posted in BlockTagged image

Post navigation

Block: Gallery
Block: Button

Sidebar

Recent Posts

  • Hello world!
  • Block: Image
  • Block: Button
  • Block: Cover
  • Block: Gallery

Recent Comments

  1. A WordPress Commenter on Hello world!
  2. John Doe on Edge Case: No Content
  3. Jane Doe on Protected: Template: Password Protected (the password is “enter”)
  4. Jane Doe on Template: Comments
  5. John Doe on Template: Comments

Footer

Footer is Flexbox

The footer uses flexbox for spacing.

You can use CSS to fix widths of columns, or let them flex.

Horizontal Featured Image.

Short nav menu

  • a Blog page
  • About The Tests
    • Clearing Floats
    • Page with comments
    • Page with comments disabled
  • Lorem Ipsum

Everything should be made as simple as possible, but not simpler.

Albert Einstein
Visit us on Facebook

Copyright © 2025. All rights reserved. Kaya Theme Demo.

Additional footer content here from Customizer.