Notifications
The Harmony Theme has special settings and configurations allowing you more control over the design of your site.
When working with Harmony, it's very important to enable development mode after changing any settings for this theme. We recommend that you enable and then immediately disable development mode after doing any changes for this theme.
Harmony has a "Custom CSS" section to allow for CSS changes that you need to make. This allows you to make changes that won't be impacted by upgrades. Please read the full tutorial below before making any changes.
Some settings below are only for specific landing page designs.
You'll need to be logged into your Admin Panel.
Navigate to "Harmony Theme."
You have a choice for your guest landing page design and layout. To enable, click the bubble to the left of the choice and save changes when done.
The following screenshot is for the default style.
Landing Page
Landing page gives a layout with various widgets, a banner and widgets for custom text and images as well as a different footer layout with links, logo and more.
The Banner, Features, Counter Section, Landing Page Mobile Apps, and other various widgets are controlled via the Layout Editor. Click "Edit" to edit one of the widgets or click "x" to remove.
Landing Page Features Widget
The landing page features are the text and image widgets seen in the "Unlock the Magic of Our Remarkable Feature" banner. Edit the widget to change each as you want it.
Landing Page CTA Section
You can edit this widget to change the Caption, Description, and CTA button text & link.
Landing Page How Our Community Works?
Edit this widget to change the Title and an image to show on the left side. You can also edit the each sections Caption, Description, and Image.
Landing Page Mobile Apps Section Widget
You can add your mobile apps links to your website, edit this widget to add the heading, description and your mobile apps links for this widget. You can also choose an image to show with the mobile apps section.
Header Options for Logged in Members
Choose the header options for members that are logged in by checking or unchecking the boxes to the left of each selection.
Header Options for Non-Logged in Members
Choose the header options for guests by checking or unchecking the boxes to the left of each selection.
Logo In Header
Choose your default logo. You'll need to have uploaded one in the File & Media manager first.
Logo In Header (Contrast Mode)
Choose a logo for contrast mode. In case your default logo isn't looking good in contrast mode. You can also choose the same logo you chose for the default logo.
Widget Corner Radius
Enter the radius of widgets on your website. The default radius value is 10px.
Show Accessibility Options
This allows you to choose whether to show the accessibility options or not. Please note that most areas now require websites to be handicap accessible. If not accessible, there can be hefty fines in some areas. Please check with the laws in your area before disabling this.
Main Menus Count
You can configure your footer features via the settings here.
Enable Logo In Footer
You can enable and disable the logo in footer from this setting.
Logo In Footer
Choose a footer logo for your website. You need to have uploaded one in the File & Media manager.
Logo In Footer (Contrast Mode)
Choose a logo for contrast mode. In case your default logo isn't looking good in contrast mode. You can also choose the same logo you chose for the default logo.
Footer Background Photo
Choose a footer background photo if you want one. You need to have uploaded one in the File & Media manager.
Footer Background Photo (Contrast Mode)
Choose a photo for contrast mode. In case your default photo isn't looking good in contrast mode. You can also choose the same photo you chose for the default photo.
Description In Footer
This is the description that shows in the footer left column.
Enable Explore Links
Do you want to enable explore links to your preferred links in the footer?
If you choose Yes, then the menu items will display links which have been configured from your Menu Editor.
Enable Footer Menu Links
Do you want to enable the default footer menu links in the footer?
If you choose Yes, then the menu items will display links which have been configured in your Menu Editor.
Enable Social Site Links Menu
Do you want to enable the social site menu links in the footer?
If you choose Yes, then the menu items will display links which have been configured in your Menu Editor.
About Us Location
Enter the About Us Location. You can put any text here. It does not generate a map link so you can even get creative.
About Us Email
Enter the About us email.
About Us Phone Number
Enter the About Us Phone Number.
You can choose from three color schemes or make your own. Click the "Color Schemes" tab to view the choices. Note that in order to make color changes you'll want to create a custom theme (see below).
Enter the new theme name and choose which theme to clone. Save changes when done by clicking "Create." Activate the theme by clicking on it and saving changes. Don't forget to change to Development mode and then back to Production mode in order to see changes on your site.
You can configure the font settings for this theme on your website. You can also choose to enable Google Fonts or use web safe fonts. Also, you can change the fonts sizes. Click the "Manage Fonts" tab to configure your fonts. Be sure to save it after.
Remember to enable and disable development mode after making any changes!
