You can add a box of content that has a colored background and border by editing the source code for that content page.  

  • Type in your content
  • Select the source code button in the editor
  • Locate the section in the source code for the group of content you would like displayed in a colored box.
  • At the beginning of the content add in:   <div style="background-color: #fff5d5; padding: 30px; border: 10px solid #ffe89a;">
  • At the end of the content add in:  </div>
  • Customize the colors by editing the color HEX code for the background-color and border.



Example Source Code:



<div style="background-color: #fff5d5; padding: 30px; border: 10px solid #ffe89a;">

<h2>Why should I register?</h2>

<br>

<p><strong>Membership Toolkit</strong>&nbsp; gives our PTA the power to <strong>make purchases, complete paperwork</strong>, and <strong>coordinate our volunteer teams</strong> online. The goal is to save time, and work together more smoothly!</p>

<h3>Once registered, you can:</h3>

<ul>

<li><em>Join our PTA (and pay dues) online</em></li>

<li><em>Sign-up to receive important communications</em></li>

<li><em>Complete your directory information</em></li>

<li><em>Purchase school supplies</em></li>

<li><em>Volunteer</em></li>

<li><em>Donate</em></li>

<li><em>Purchase spirit wear</em></li>

<li><em>Access the online directory and app (for PTA members only)</em></li>

<li><em>Access to content website pages just for our families and members</em></li>

</ul>

<p>&nbsp;</p>

</div>