Content Boxes

Use Content Boxes to style your content

With ‘Call To Action Button 2’ Shortcode your content may be styled to your needs. Create headlines or content only, or mix headlines with content, style the border and/or highlight one of the four sides. Select the width of the box between 50% and 100%, or place the Boxes inside of columns.

The Boxes may come with outline (border) or solid styles with or without rounded corners. The border or the background might be a custom color.

A button may be part of the box to create your own links. The buttons come with the same styles as the Boxes and in four sizes. It may be set to the left side, to the right side or to the bottom.

Align your content left or right, center your content or justify it. Place icons or images inside your content.

Features

  • Block with Headline, Content and Button
  • Only Headline or only Content possible. Button optional
  • Styles: Outlined (border), Square, Rounded corners, Round, 3 Shadow Effects
  • Select custom color of Background or Border (Outlined only)
  • Select thickness of Border (Outlined only)
  • Additional highlighted Border with color from Main color scheme possible
  • Select thickness of highlighted Border
  • With columns use 1 – 4  Content Boxes in one line
  • Content Box size from 50% to 100%
  • Align Content left, right, center or justify
  • Specify link of button (in new window possible)
  • Styles of Button: Outlined (border), Square, Rounded corners, Round
  • Select from fixed colors of Button
  • Button sizes: large, normal, small, mini
  • Button position:right, left, bottom
  • Use Icons in Content as Initials or separate

You may even use the Headline only, with a button and rounded corners

Hey! I am first heading line feel free to change me

Boxes can be inside columns. So create your columns first and place a box inside. These boxes use 2 columns. You can use up to 4 columns. Each Box comes with another highlighted border.

Hey! I am first heading line feel free to change me

Boxes can be inside columns. So create your columns first and place a box inside. These boxes use 2 columns. You can use up to 4 columns. Each Box comes with another highlighted border.

Hey! I am first heading line feel free to change me

Boxes can be inside columns. So create your columns first and place a box inside. These boxes use 2 columns. You can use up to 4 columns. Each Box comes with another highlighted border.

Hey! I am first heading line feel free to change me

Boxes can be inside columns. So create your columns first and place a box inside. These boxes use 2 columns. You can use up to 4 columns. Each Box comes with another highlighted border.

Or you may use the round style

There are shadow effects as well

Shadow II

Shadow III

Hey! I am first heading line feel free to change me

And a very small Button with different shapes

Hey! I am first heading line feel free to change me

Square style of Content Box with 1 px border

Hey! I am first heading line feel free to change me

Rounded square style of Content Box with 1 px frame

Hey! I am first heading line feel free to change me

And a very small Button with different shapes

The Border can be from 1 to 10 px with the outlined styles.

Hey! I am first heading line feel free to change me

The Button may be left justified as well.

Hey! I am first heading line feel free to change me

The Button may be at the bottom as well. Set the size of the highlighted bar individually.

Left aligned

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex. Dicat mollis iudicabit ei quo. In eam omnium verear. Ne fierent posidonium usu, vocent option fierent eam ea, eam in habemus contentiones.

Right aligned

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex. Dicat mollis iudicabit ei quo. In eam omnium verear. Ne fierent posidonium usu, vocent option fierent eam ea, eam in habemus contentiones.

Centered

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex. Dicat mollis iudicabit ei quo. In eam omnium verear. Ne fierent posidonium usu, vocent option fierent eam ea, eam in habemus contentiones.

Justified

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex. Dicat mollis iudicabit ei quo. In eam omnium verear. Ne fierent posidonium usu, vocent option fierent eam ea, eam in habemus contentiones.

Use icons

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex. Dicat mollis iudicabit ei quo. In eam omnium verear. Ne fierent posidonium usu, vocent option fierent eam ea, eam in habemus contentiones.

Hey! I am first heading line feel free to change me

Vix tacimates reprimique eu, hinc wisi probo pro ut. Ad inani aeterno eam, nam te placerat posidonium. Hendrerit definitiones in duo. Erant commodo definitiones vis id, eu his omnesque epicurei assueverit, paulo fuisset quo at.

Dicant disputationi id quo. Qui maiorum accusam definitionem ex.