Topics Map > Campus Services > Web

Web - Style right sidebar content to look like a reusable using the WYSIWYG interface

This document will show you how to style your right sidebar content to look like a reusable with a blue heading and gray gradient body.

  1. Type the words you would like to appear in the blue heading into the rich text field titled "Body - Right Side".
  2. Highlight the text and click on the “styles” dropdown menu. 
    styles dropdown menu
  3. Scroll down until you see “Blue Heading,” choose this option. The heading is now in a blue box.
    Blue Heading
  4. Next, type out the information you would like to be in the gray gradient box (below the blue heading).
  5. Highlight this new text only and click on the “Create DIV Container” button. A pop-up will appear. 
    Create DIV Container
  6. On the pop-up, click the “Style” dropdown and choose “Gray Gradient DIV” from the list. Click “OK.”
    Gray Gradient Style
  7. The content is now styled like a reusable.

For a more in depth explanation of this process please take a look at the Layout Example provided on the Web Development page.




Keywords:style, sidebar, reusable, blue heading, gray gradient, wysiwyg   Doc ID:34784
Owner:Bryan M.Group:UW Platteville
Created:2013-10-25 13:23 CDTUpdated:2017-02-21 15:05 CDT
Sites:UW Platteville
Feedback:  0   0