Creating and Using Themes

Changing the Color and Theme Creating Custom Themes Using Images as Backgrounds Using a Custom Theme on a Tab Editing Custom Themes Deleting Custom Themes

Creating Custom Themes

Using any att.net Home Page theme as a starting point, you can customize the colors of different parts of the page to create a color scheme that’s uniquely yours. You can change the color of components at both the page level and the content level.

Page Components

Customize any or all of the following page components:

  • Page header (text, links, and logo colors, and background color or image)
  • Navigation tabs (text, links, and tab colors)
  • Page body (background color or image)

Page components that you can customize

Tip: Instead of solid colors, you can use your own images as the background in the page header and/or body. See Using Images as Backgrounds to learn how.

Content Components

Within the page body, the content elements that you can customize are:

  • Header text
  • Header background
  • Text within content
  • Links, including visited links
  • Background within content

Content components that you can customize

Note: Any changes you make to content components apply to all content blocks on the tab.

 

Here’s How

  1. Select a tab and a color or theme to use as the basis for its customized theme. (Remind me how.)

  2. Click Customize Theme.

    Click Customize Theme.

    The Customize Theme panel opens.

    The Customize Theme panelEnlarge

  3. For each page element whose color you want to change, do the following:

    • On the left, select the area where the element appears (such as the body of content blocks or the navigational tabs). A red outline indicates the selected area.

      Select the content header or body

    • In the center, select the element you want to change.

      Select the element to change.

    • Move your cursor over the color palette on the right to see how different colors look for the selected element on the left side of the Customize Theme panel.

      Move your cursor over the palette to preview new colors for the selected elementEnlarge

    • When you find the color you want to use, click it on the color palette to select it for your theme.

      Click a color to select it for your theme.

  4. Repeat step 3 for each part of the theme that you want to customize.

    Tip: To learn how to change background images, see Using Images as Backgrounds.

  5. When you finish creating your new theme, click the I’m Done button.

    Click the I’m Done button.

    Your new theme is saved and a window opens where you can give it a name.

  6. Enter a name for your theme (8 characters maximum, including spaces), then click OK.

    Enter a name, then click OK.

    The current tab now shows off your new custom theme.

    The current tab uses your new custom theme.Enlarge

    Note: If you already have nine custom themes and you try to create a tenth one, you’ll be prompted to delete one of the existing themes first.

 

What’s Next

Initially your custom theme only appears on the tab where you created it. See Using a Custom Theme on a Tab to learn how to apply your personal theme to other att.net Home Page tabs.


Was this tutorial helpful?   Yes   No

Tell us what you liked or didn't like about this tutorial

 

Words to Know

  • Tab: an organizational unit in an att.net Home Page used to organize content into meaningful groups. Your att.net Home Page can have up to 9 tabs.