Shortcodes - Info Boxes

Info boxes adds a block of content such as a message to your page like this demo:

With your shortcode, you have the following attributes that you can use, although you do not need them all:

  • background - Overall background colour
  • lablecolour - this is the colour of your label; the screenshot shows the label as “INFORMATION”
  • colour - this is the colour of your main text content
  • size - this is the width of your info box; default is 100%
  • label - this is the actual label for the type of message. The screenshot shows it as “INFORMATION”

This is the shortcode:

[sp-infobox label="INFORMATION" background="#e19084" colour="#ffffff" size="100"]Add your own content here.[/sp-infobox]