Changing portlet heading and text colors and fonts

Oracle Portal provides four levels of heading and text attributes for use in developing your own portlets. If you view the source of any Oracle Portal page, you'll see that the portlets were written using Portlet Heading1 and Portlet Text1. For example, the Favorites portlet uses the Portlet Heading1 style element for favorite links.

You can change the colors and fonts used by in portlet headings and text by editing the style that is applied to the page.

The following example shows the Favorites portlet with different Portlet Heading1 color settings:

For information about how to use these style elements in your own portlets, see the Portal Developer Kit on Oracle Technology Network.

NoteTo change portlet heading and text colors and fonts, you must have at least at least one of the following privileges:

Be careful when changing a style, because any changes you make affect the appearance of all the pages that use the style.

To change the portlet heading and text colors and fonts:

  1. In the Navigator click Edit next to the style with which you want to work.

    Tip: If the style is used by more than one page group, it will be under the Shared Objects page group.

    Tip: If you do not know the name of the style you want to change, edit a page or region that uses the style. When editing a page or region, if you have the appropriate privileges, you can also edit the style used by that page or region.

  2. In the Style Element Type section, choose Portlets.

  3. In the Style Element Properties section, choose Portlet Headingn or Portlet Textn, where n is the desired level.

    Tip: You can also select the portlet heading or text style element by clicking it in the Preview section.

  4. To select a new color for the heading or text, click the color in the color palette, or enter the hexadecimal color code in the Color field.

  5. To change the font, choose the desired Font Face, Font Size, Font Style, and Font Decoration. The <Default> font face renders the text in the default font specified by the user's browser.

  6. Click Apply.

    The Preview section is refreshed to show your color and font selections.

  7. Edit each of the portlet heading and text style elements as desired, remembering to click Apply after changing the color or font of each element.

  8. Click Close to return to the Navigator.

Related topics

Creating a style
Changing portlet body color
Changing portlet header colors, fonts, and styles
Style elements