Infobar and Infobox

Infobar

You can put an infobar on your page using this shortcode:

[infobar link="your_url_here" text="Register for our event"]

link=”x” contains the URL it will link to, and the text=”x” contains the text that will display in your infobar.

Customize

You can customize certain attributes of the infobar.

color=”x” – The infobar is green by default. Your other color options are maroon, blue, and orange.

  • Example: color=”maroon”

align=”x” – The text aligns to on the left side of the infobar, but you can change that to center or right.

  • Example: align=”center”

Here’s an example of an infobar using all these attributes:

[infobar link="your_url_here" text="Register for our event" align="center" color="maroon"]

Infobox

An infobox is more complicated than the infobar, so use the infobar if that suits your needs. But if you want an infobox instead, here’s how you do it.

You can put an infobox on your page using this shortcode:

[infobox link="your_url_here"]

What the Box Says

[/infobox]

Customize

You can customize certain attributes of the box.

textsize=”x” – Use this to make the text in the box larger or smaller. It’s based on the em size system. Default size is 1.2, so go up or down by decimal points to resize. If you want the text bigger, try 1.3 or 1.4; if you want it smaller, try 1.1 or 1.0.

  • Example: textsize=”1.4″

color=”x” – Default color is maroon. Other options are blue, green, and orange. Make sure the word is all lowercase letters.

  • Example: color=”blue”

bottomtext=”x” – Default bottom text is “Register Now”. If you want it to be something else, like “Apply Now” or “Learn more”, you can make that change.

  • Example: bottomtext=”Apply Now”

align=”x” – Default alignment is left. You can also do right or center.

  • Example: align=”center”

Pro Tip: Your text may look better in all-caps.

Here’s an example using all of these attributes. Remember that these are all optional except for the link.

[infobox link="your_URL_here" color="blue" bottomtext="Apply Now" textsize="1.4" align="center"]

WHAT THE BOX SAYS

[/infobox]