...
| Table of Contents | ||
|---|---|---|
|
Step 1: Add "Section" Tags in Source View
- Click on 'Source':
In the Source view, you'll see the html code for your page. Here is where you'll need to add section tags to the source code.
- Type <section> at the beginning of the text where you want your background block of color to begin
- Then type </section> at the end of the text where you want your background block of color to end
- Click on 'Source' again and you'll be back in your regular editing window
Step 2: Select the Text you Want to Add a Background to:
- Highlight the block of text that you want to add a shaded background to.
Step
...
3: Select Background Color
- While the text is still highlighted, click on the "styles" drop down in the text editor and choose which color you want to use for the background of the text block.
- You can select from red, dark gray, olympic, white or gray
...
Here is an example what all the different background colors look like.
The color names are provided in each section and should match the name in the styles list.
Step
...
4: Adding Space Between Sections
You'll notice when you press "Return" or "Enter" it will simply expand the color block. In order to add space after a section, you will follow the steps below:
...
Once you click on the small red box, you will have space to type text without a background color:
Step
...
5: Click Save
Once you're done, click "Save" at the bottom of the page.