This article will show you how to change the CSS class of a theme.
Who can use this feature?
System Administrator | Owner
Instructions
Navigate to Modules and on the Site Tools tab, select Design Center
Select Theme Manager
Select the layout and theme you want 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 for headings
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
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 Internet Explorer 9 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
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
