Custom Themes can be edited. Apply your own colors, pick a different font and even apply custom CSS for advanced modifications.
Create a Custom Theme by copying an existing theme, then use the Theme Editor to set different colors and styles.
Create a Custom Theme
Copy an existing Custom- or Library Theme.
Go to: Widgets > Widget Themes
The Widget Themes page lists Custom Themes for your account, and Library Themes.
Click the copy icon to copy the theme to a new custom theme.
The new theme will be listed in your Custom Themes list and can can be edited.
The editing options are explained below.
Once you have created your new Theme don't forget to go back to your Website Settings and apply the theme to your website!
To see your changes make sure you clear all website cache systems.
Edit Theme
Only Custom Themes can be edited.
To access the Theme Editor
Fonts
In all cases, font-weights are automatically applied to each font you choose
- "Headings font" - font-weight will be set to 600
- "General font" - font-weight will be set to normal (400)
- "Light font" - font-weight will be set to 300
Colors
All colors are specified using the rgba() format. E.g rgba(255,255,255,1).
Widget Background Color
The theme color for Widget Background will be applied as a background color to all widgets apart from the following that are always given transparent backgrounds .
- Search Form (MBBv3_SearchForm)
- Lead Capture Form Widgets (MBBv3_LcForm)
Custom CSS can always be applied to override any background.
Transparent Backgrounds
The background color of the "Widget Background" can be made transparent clicking the "Clear" button on the color-picker, and saving.
This will create a transparent color by setting the color to rgba(255,255,255,0).
Apply Your Theme
Once you apply your theme, if you don't see the theme on your website then clear your website cache.
If you don't see the theme being applied to your website, then make sure to clear all website caches to see your new theme.
Adding CSS
More advanced styling can be achieved by manipulating the CSS directly.
See Using CSS with Widget Themes.