This article will show you how to change the CSS class of a theme.
Instructions
- Navigate to Modules > Site Tools > Design Center
- Select Theme Manager
- Select the layout and theme you are wanting to edit
- Note: Here we will be updating the CSS Class of an Interior Theme, but the steps are the same for a Home and Simple Theme.
- Scroll down the page to where you see an example of the different CSS classes
- Note: In the example above, the following CSS classes are listed:
- Headline: Welcome to Design Center's Theme Manager
- Heading Level 2 (Subhead 1): How do I get started?
- Heading Level 3 (Subhead 2): More details
- Note: In the example above, the following CSS classes are listed:
- Click on the CSS class you wish to change
- Navigate through each tab and make desired changes
- Text
- Font Family: The type of font you want to use
- Style: The thickness of the text
- Color: Select the color of the text that will appear
- Size: How big the text will appear
- Alignment: How the text aligns on the page
- Underline: Choose whether or not to underline the text
- Shadow: Edit the shadow for the text
- Background & Border
- Background Color: Modify the color of the background
- Background Gradient: Edit the background gradient
- Note: Background Gradients are supported by modern browsers, but in IE9 or below they will display as a solid color that is an average of your start and stop colors.
- Background Image: Upload a background image
- Border: Set the style, width, and color of the border
- Spacing & Sizing
- Margin: Update the margin size
- Padding: Edit the padding size for the CSS class
- Text
- Select X to close the window
- Choose a saving option at the top:
- If saving these changes to only the current theme, click Save Changes
- If saving and pushing these changes to other themes, click the drop-down next to the Save Changes button and select Save and Push Changes to Other Themes
- Choose the themes you want to push to
- Select Save and Push Changes
- Choose the themes you want to push to
- If saving these changes to only the current theme, click Save Changes
Feedback About the Article
Let us know what was helpful or not helpful about the article below.0 comments
Please sign in to leave a comment.