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: Button

Posted on November 3, 2018 by Gen Herres.

Button blocks are not semantically buttons, but links inside a styled div. 

If you do not add a link, a link tag without an anchor will be used.

Left aligned

Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long.

A centered button with
more than
one line of text

Buttons have three styles: 

Rounded
Outline
Square

If the theme has a custom color palette, test that background color and text color settings work correctly. 

Read more about the color palettes in the handbook.

Now lets test how buttons display together with large texts.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio.

Right aligned

Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna.

Left aligned

Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.

Posted in BlockTagged content περιεχόμενο

Post navigation

Block: Cover
Block: Image

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.