Background Color

You can create colored backgrounds for a portion of your page to draw students' attention or to help break up a text-heavy page. You can also ad a background color to the entire page, if desired.

 

Anatomy of the Code Snippet

_div style=_background-color_ #ebedee; padding_ 20px 20px 20px 20px; overflow_ hidden;__Your Text Here__div_.png  

 

Steps to Add a Background Color

1. Copy the code snippet: 

<div style="background-color: #f5f5f5; padding: 20px 20px 20px 20px; overflow: hidden;"> Your Text Here </div>

 

2. Open a content page in Canvas and click Edit. Open the HTML Editor.

3. Paste the code in the box and switch back to the Rich Content Editor (RCE) to preview.

4. Replace "Your Text Here" with your own information.

 

Tip: See the page "Custom Colors" to change the background color defined in the code snippet above.