Shortcodes – Info Boxes

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

sc infobox

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]