Boxes – Sonata

Please install Breadcrumb NavXT plugin to display the breadcrumb.

Box Style 1

Heading element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Button

[box style="1"]
CONTENT GOES HERE
[/box]

Heading element

Button

[box style="1" border="false" background="orange" color="white"]
CONTENT GOES HERE
[/box]

Box Style 2

[box style="2"]
CONTENT GOES HERE
[/box]

[box style="2" background="blue" color="white"]
CONTENT GOES HERE
[/box]

Box with image

1. Online Purchase

Suspendisse porttitor faucibus nunc, quis accumsan arcu posuere vel.

2. Check out and Pay

Suspendisse porttitor faucibus nunc, quis accumsan arcu posuere vel.

3. Complete

Suspendisse porttitor faucibus nunc, quis accumsan arcu posuere vel.

[column size="1/3"]
[box border="true" style="2" image="https://sonata.withemes.com/wp-content/uploads/2014/03/cart.png"]
CONTENT HERE
[/box]
[/column]
[column size="1/3"]
[box border="true" style="2" image="https://sonata.withemes.com/wp-content/uploads/2014/03/paypal.png"]
CONTENT HERE
[/box]
[/column]
[column size="1/3" last="true"]
[box style="2" background="primary" color="white" image="https://sonata.withemes.com/wp-content/uploads/2014/03/check.png"]
CONTENT HERE
[/box]
[/column]

Usage

Here’re parameters of this shortcode:

style: 1 or 2. Default is 1.
border: true or false. Default is true.
background: the background color, it can be red, blue, color or a color code such as #12dada. Default: none.
color: text color, it can be black, white or some color you wish.
image: image url of the image you want to use.