Promotion Box

Drupal Promotion Box Element

To create a promotion box such as the one shown above, follow these directions:

  1. In the WYSIWYG editor, add the copy you would like in your Promotion Box (both the left and right sides of it). Then, click on the Source tab and wrap the text in a <div> tag: <div></div>

    Drupal Promotion Box HTML Example
  2. Click out of the Source tab and back into the text editor. Then, highlight the copy and select Promotion Box from the Style dropdown.

    Drupal Promo Box Style Dropdown
  3. Highlight just the Title copy that will be in yellow on the left, and in the dropdown, select Promotion Box Title.

    Drupal Promo Box Title Style
  4. Highlight just the Body copy that will be in white on the right, and in the dropdown, select Promotion Box Body. Then save your page.

    Drupal Promo Box Body Style