Themes can be edited. Apply your own colors, pick a different font and even apply custom CSS for advanced modifications.
Customize Your Theme
To customize / edit your theme, go to: Widgets > Website Options > Widget Theme tab for your website.
The initial theme that is set on your website will be a library theme.
Click Customize to create your own version of this theme that you can then edit.
Your new theme is immediately applied to your website.
Then use the Theme Editor to set different colors and styles.
The new theme will be listed in your Custom Themes list and can can be edited at any time
The editing options are explained below.
Edit Theme
To access the Theme Editor
Click Customize / Edit for the current theme.
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)
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.