Customizing the Style of a Portal Experience

Product(s)
Gallery
Role(s)
Studio User
Task(s)
Create a Portal Experience
Topic(s)
Styling

In this topic you will learn how to customize the style of a portal experience.

Using the Gallery Site Editor, you can customize the style of a portal experience by changing the theme, colors and fonts. To edit the style, edit the experience and then click STYLE in the left navigation.

Selecting a theme

Selecting a Theme applies a predefined set of fonts and colors to the site. To change the site Theme:

  1. Click STYLE in the left navigation.
  2. Select a Theme from the dropdown list. As you select a theme, the site will refresh so you can preview the theme.
  3. To go back to the Site Editor, click < Back to Experience.

Customizing colors

The Colors settings can be used to fine tune the colors that are provided by a theme. For example, color settings can be used to fine tune the background and font colors. To customize the Colors:

  1. Click STYLE icon in the left navigation. The Colors section will display all the page objects and their colors.
  2. To select a new color, click on the color circle.
  3. Using the color chooser, select a color by clicking the color in the color square or by entering a hexadecimal color number below the color square. Note that you can change the color range by clicking in the color spectrum below the color square. Click X to close the color picker and save the change.

    To reset a color selection, click the left arrow to the left of the color circle.

  4. To go back to the Site Editor, click < Back to Experience.

Selecting fonts

The fonts that are used on the site can also be changed. To select different fonts:

  1. Click STYLE in the left navigation.
  2. Select new Fonts using the drop down lists.

    To reset a font selection, click the reset link above the font dropdown.

    Note: The number of available fonts is dependent on the site theme that was selected.

  3. To go back to the Site Editor, click < Back to Experience.

Note: For information on using custom fonts in a portal experience, see Using Custom Fonts in a Portal Experience.