Put text inside a box

Adding boxes to your website

Sometimes you may want to feature some text by placing it inside a box to give it emphasis. There is a built-in class that you can use for this. To add a box you need to:

  1. Edit the page onto which you want to add a box.
  2. Toggle the text editor into HTML mode.
  3. Find the place where you want to add your box and enter the following code:
<div class="box"><p>Your text goes here</p></div>

By default the box has a light grey background and a medium grey border.

You can place any other content you wish inside a box. Once the code has been inserted you can toggle back to Rich text mode and work with the text editor toolbar to add more content inside your box. You can add headings, links, buttons, images, tables or even embed videos.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us