Phasellus interdum pellentesque massa, id vulputate magna luctus in.
[/infobox] [infobox size=”col-6″ closable=”false” last_column=”true” color=”red”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
[/infobox] [infobox size=”col-6″ closable=”false” color=”orange”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
[/infobox] [infobox size=”col-6″ closable=”false” last_column=”true” color=”blue”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
[/infobox] [infobox size=”col-12″ closable=”false” last_column=”true” color=”grey”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
[/infobox]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis.
[/infobox] [infobox size=”col-6″ last_column=”true” color=”red”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis.
[/infobox] [infobox size=”col-6″ color=”orange”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis.
[/infobox] [infobox size=”col-6″ last_column=”true” color=”blue”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis.
[/infobox] [infobox size=”col-12″ last_column=”true” color=”grey”]Phasellus interdum pellentesque massa, id vulputate magna luctus in.
Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis. Ut arcu odio, sollicitudin ut commodo sit amet, euismod eu augue. Sed viverra eros diam, non vulputate felis. In eget est dolor. Cras tristique rhoncus nulla et iaculis.
[/infobox] [/section]// Create fullwidth 12/12 blue info box
[infobox last_column="true" size="col-12" color="blue"]Your infobox content goes here.[/infobox]
// Create one-third col-4 red closable info box
[infobox last_column="true" size="col-12" color="red"]Your infobox content goes here.[/infobox]
[/toggle]
[/section]
- size – Specify your info box size. Use any column size. col-1 … col-12
- last_column – Specify if your info box is last column in row.
- color – Specify your info box color. Available blue, red, orange, green, grey.
- closable – Specify if your info box is closable (X)
- bottom_margin – Specify if your info box has bottom margin.