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.

If you have questions, please contact the Web Development office at 608.342.1444 or  

Keywords:style, sidebar, reusable, blue heading, gray gradient, wysiwyg   Doc ID:34784
Owner:Bryan M.Group:UW Platteville
Created:2013-10-25 12:23 CSTUpdated:2019-02-13 13:36 CST
Sites:UW Platteville
Feedback:  0   0