Edit a Skin

Prev Next

Widget skins provide different design options for your widget containers. This article will show you how to edit a skin.

Who can use this feature?

System Administrators

Instructions

  1. Sign in to your website solution

  2. Click to expand the Modules drop-down menu, navigate to the Site Tools tab, and select the Design Center option:

    The expanded Modules drop-down menu, with the Design Center option of the Site Tools tab highlighted.

  3. Select Theme Manager: The Design Center module with the Theme Manager option highlighted.

  4. Select the Container Preview Options icon:The Theme Manager screen with a Container Preview Options icon highlighted.

    Note:

    There are numerous Container Preview Options icons to select from, depending on how many containers are built into your layouts and depending on which layout you are using to view the skin.

  5. Select which skin (or skins) you want to edit by checking the appropriate box(es): The Container Preview Options dialog box with selectable skins to preview and edit.

  6. Select the Close/X button to close out of the Container Preview Options window: The Container Preview Options dialog box with the X (close) icon highlighted.

  7. The skin will appear on your page in the container of the Containers Preview Options icon you selected: The selected skins displayed on-page to preview and/or edit.

  8. Click on the item text you want to edit: Clickable title text highlighted in the Theme Manager of the Design Center module.

  9. Verify that the correct item text (the Header, in this example) that you want to edit appears in the drop-down menu:The Component Type drop-down menu of the editable skin displayed in Theme Manager.

  10. Navigate through the tabs and make changes as appropriate:Web Central Design Center Theme Manager Skin Options Item Options Tabs.

  11. When you are done editing, click the Save Changes button:The Theme Manager administrative user of Design Center Pro with the Save Changes button highlighted.