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.