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 category: Layout Elements

Posted on November 1, 2018 by Gen Herres.

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

This group block has a light green background color.

A button

The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For displaying media and text next to each other. By default, the media is to the left.

Golden Gate Bridge

This time our block is full width, and the image is to the right.

The background color is a pale blue. 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.

The separator has three styles: default, wide line, and dots.




The spacer block has a default height of 100 pixels:

And finally, the page break:

Pages: 1 2
Posted in BlockTagged content περιεχόμενο

Post navigation

Block category: Formatting
Block category: Widgets

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.