Documentation Home »
9bit Studios.com »

Icon Box Shortcode

Displays a box of text with an icon to the left of the text. By default the boxes are configured to fit 3 boxes within a regular width default template page of this theme. To make the boxes smaller would require editing the CSS file.

Shortcode:


[iconbox]

Attributes:


path
This is the path to the icon image. Be sure to include the full path to this image including the https://

alttext
This is the alt text for the icon image.

title
This is a true/false value that sets whether or not there is a title. Default is false.

titletext
This is the text that appears in the title of the icon box. This is only applicible if the "title" attribute is set to "true"

Examples:


The following will display an icon box...

[iconbox path="https://www.yourdomain.com/wp-content/themes/publish/images/icons/check-icon.png" alttext="OK"]This shortcode will display an icon box with a check icon to the left of it[/iconbox]

The following will display a 3 icon boxes next to each other...

[iconbox path="https://www.yourdomain.com/wp-content/themes/publish/images/icons/check-icon.png" alttext="OK"]This shortcode will display an icon box with a check icon to the left of it[/iconbox] [iconbox path="https://www.yourdomain.com/wp-content/themes/publish/images/icons/pencil-icon.png" alttext="OK"]This shortcode will display an icon box with a pencil icon to the left of it[/iconbox] [iconbox path="https://www.yourdomain.com/wp-content/themes/publish/images/icons/brush-icon.png" alttext="OK"]This shortcode will display an icon box with a brush icon to the left of it[/iconbox]

Back to Shortcodes »