Skip to content
NisargPRO
  • Home
  • Sample Page
  • Luxury Travel
  • Recipes
    • dessert
    • cakes
    • Soup
  • Lifestyle
  • Page Markup And Formatting
  • Markup
  • Cart
  • Shop
  • Search Icon

NisargPRO

Block: Button

Block: Button

November 3, 2018 blogwriter Comments 0 Comment

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.


Block
content περιεχόμενο

Post navigation

PREVIOUS
Block: Cover
NEXT
Block: Image

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Comments

  • John Doe on Edge Case: No Content
  • Jane Doe on Protected: Template: Password Protected (the password is “enter”)
  • Jane Doe on Template: Comments
  • John Doe on Template: Comments
  • John Μαρία Doe Ντουε on Template: Comments

Archives

  • September 2022
  • August 2021
  • June 2021
  • May 2021
  • April 2021
  • February 2021
  • January 2021
  • December 2020
  • January 2020
  • November 2018
  • October 2018
  • January 2013
  • March 2012
  • January 2012
  • March 2011
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009

Tags

alignment berries blueberry cafe cake captions categories celebration chat cheesecake cherries Codex Columns comments content περιεχόμενο cream css edge case embeds excerpt featured image formatting fruits gallery Healthy html image jetpack layout link markup Post Formats quote shortcode Soup standard tart template title travel twitter vacation vegetables video wordpress.tv

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

About

What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Recent Posts

  • This moment is the peak of my life
  • In every walk with nature, one receives far more than he seeks
  • You, me and the sea
  • Restaurants & cafe reviews
  • A luxury treehouse in the Jungle.
© 2025   All Rights Reserved.