Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
minLevel2

Option 1:

...

Adding a Background of Color to One Paragraph

Step 1:  Select the Text you Want to Add a Background to:

  • Highlight the block of text that you want to add a shaded background to. 

Image RemovedImage Added

Step 2: Select Background Color

  •  While the text is still highlighted, click on the "styles" drop down in the text editor and look under Block Styles  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

Image RemovedImage Added

Once you select the color, it should look like this:

Image Added

Step 3:

...

Save

Click on Save at the bottom of the page:

Image Added

Your page will look like this:

Image Added

Option 2: Adding a Background Block of Color to More than One Paragraph 

Example:

Image RemovedImage Added

Step 1: Add Section Tags in Source View

  • You're going to need to edit the Source Code before adding the background color.
  • Click on 'Source':

Image RemovedImage Added

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

Image RemovedImage Added


Click on Source Again to return to the WYSIWIG editor:

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:

Image RemovedImage Added


Step 3: Select Background Color

...