On this page:

Box content

On this page:

Return boxes with custom text.

Shortcode

[boxes columns="3"]
[boxcontent color="primary" title="Box 1" icon="fa-star" link="#" linktext="Read more"]Content 1[/boxcontent]
[boxcontent color="warning" title="Box 2" icon="fa-star" link="#" linktext="Read more"]Content 2[/boxcontent]
[boxcontent color="success" title="Box 3" icon="fa-star" link="#" linktext="Read more"]Content 3[/boxcontent]
[/boxes]

Attributes

Attribute Type Values Description
[boxes ...]
columns number from 1 to 5 Number of columns.
[boxcontent ...]
color text primary Box icon color: gray, primary, danger, info, inverse, success, warning .
title text Box title text.
icon text Icon name.
link url Box link.
linktext text Box link text.
link_target text Box link target. Set "_blank" to open link in a new window.
type number from 1 to 5 Box type.

Shortcode - New Learning

[boxes boxid="boxescontent" type="2" columns="4"]
[boxescontent_item title="Box 1"]Content 1[/boxescontent_item]
[boxescontent_item title="Box 2"]Content 2[/boxescontent_item]
[boxescontent_item title="Box 3"]Content 3[/boxescontent_item]
[/boxes]

Attributes - New Learning

Attribute Type Values Description
[boxes ...]
bgcolor text Background color. Hex or rgb/rgba color value.
bocolor text Border color. Hex or rgb/rgba color value.
border number Border width in pixels, without "px".
boxid number boxescontent This attribute is required.
boxmb number Margin bottom of boxes in pixels, without "px".
btnfwcls text global, light, normal, medium, bold Button font weight.
btnrounded boolean 1, 0 Set to "1" to use rounded style of button.
btnsize text normal, sm, lg, xlg Button size css class.
btntext text Button text.
btntype text primary, secondary, success, warning, info, danger, inverse Button type css class.
ccolor text Accent color. Hex or rgb/rgba color value.
columns number from 1 to 5 Number of columns.
custom_class text Custom CSS class.
cwidth number Box content width in pixels, without "px".
gutter text thin, normal, none Css class to set padding between boxes.
height number Box height in pixels, without "px".
itemlink boolean 1, 0 Set to "1" to apply a link to a whole box.
linkbtn number 0, 1, 2 0 = no link, 1 = arrow link, 2 = button link
mb number Margin bottom in pixels, without "px".
mt number Margin top in pixels, without "px".
padding text m, l, none Css class to set box padding.
rounded boolean 1, 0 Set to "1" to use rounded style.
shadow boolean 1, 0 Set to "1" to use shadow style.
tcenter boolean 1, 0 Set to "1" to center text.
tcolor text Box title color. Hex or rgb/rgba color value.
txcolor text Box text color. Hex or rgb/rgba color value.
tfs text Title font size in rem, without "rem".
tfw text global, light, normal, medium, bold Title font weight.
type number from 1 to 3 Box type.
[boxescontent_item ...]
bgcolor text Background color. Hex or rgb/rgba color value.
bocolor text Border color. Hex or rgb/rgba color value.
btnbgcolor text Button background color. Hex or rgb/rgba color value.
btnbghcolor text Button background color on hover. Hex or rgb/rgba color value.
btnborcolor text Button border color. Hex or rgb/rgba color value.
btnborhcolor text Button border color on hover. Hex or rgb/rgba color value.
btncolor text Button text color. Hex or rgb/rgba color value.
btnhcolor text Button text color on hover. Hex or rgb/rgba color value.
ccolor text Accent color. Hex or rgb/rgba color value.
link URL Link URL.
link_target boolean 1, 0 Set to "1" to open link in a new window.
tcolor text Box title color. Hex or rgb/rgba color value.
title text Box title.
txcolor text Box text color. Hex or rgb/rgba color value.