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
Click to expand the Modules drop-down menu, navigate to the Site Tools tab, and select the Design Center option:
Select Theme Manager:
Select the Container Preview Options icon:
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.
Select which skin (or skins) you want to edit by checking the appropriate box or boxes:
Select the Close/X button to close out of the Container Preview Options window:
The skin will appear on your page in the container of the Containers Preview Options icon you selected:
Click on the item text you want to edit:
Verify that the correct item text (the Header, in this example) that you want to edit appears in the drop-down menu:
Navigate through the tabs and make changes as appropriate:
Text: Fields and toggles for text for both Normal and Hover styles, including:
Font Family
Style
Color
Size
Capitalization
Alignment
Underline
Shadow
Color
Blur Radius
Offset X
Offset Y
Background & Border: Fields and toggles for text for both Normal and Hover styles, including:
Background Color
Background Gradient
Starting Color
Ending Color
Direction
Background Image
Image Upload
Position X
Position Y
Repeat
Border
Style
Width
Color
Apply to Sides
Spacing & Sizing
Margin
Padding
Content
Advanced
Animation
Trigger
Animation
Custom Styles
Normal and Hover styles for:
Widget Header
Widget Header H3
When you are done editing, click the Save Changes button:
