This version of Polygon is fully compatible with versions 3.0+. Some features or elements may not be compatible with previous versions. Please ensure that you’ve downloaded the latest version of Divi.
Installing child theme
Step 1: Install Divi Theme
Once you’ve downloaded the Divi theme package, login to your WordPress website and go to Appearance > Themes.
Find and upload the Divi parent theme and activate it. Next click on the Add New Theme.
Step 2: Install and activate Polygon
Click on Upload Theme.
Click on Choose file.
In the downloaded package find and select Polygon.zip file, then click on the Install Now button.
Completing the upload, you will need to activate the theme by clicking on the Activate button.
Step 3: Activate your product
To activate your product and get updates please go to Settings > Polygon Activation and enter your API Key and API Email.
To see your API Keys please login to your account.
Step 4: Permalinks setup
To make the Contact Form Popups working, Permalinks Settings have to be setup to “Post name”.
Go to Settings > Permalinks, select “Post name” and click Save Changes.
Step 5: Disable Visual Text Editor
Polygon uses custom icons which are applied via span classes. This is unfortunately not supported by WordPress and when we have Visual Text Editor enabled this causes issues, icons disappear.
To disable Visual Text Editor please go to Users and click your user account.
Find Visual Editor option located at the very top and mark box Disable the visual editor when writing.
This will prevent icons disappearing.
*You can skip this step but keep in mind to do not switch to Visual Editor mode when editing modules where custom icons used.
Importing demo content
Step 1: Now you will need to install the library and all theme settings which allows you to have your site just like the demo version.
Go to Appearance > Import Data Demo, and click on the Import Demo Data button.
Note: This may take even several minutes, depends of internet connection speed. Please be patient.
Step 2: The theme has 2 pre-built forms. They need to be imported from download package. Go to the Caldera Forms tab located in your WordPress Dashboard and click Import button. Select “contact-form-export.json” file located in Import Files folder and click Import button. Follow the same steps for Polygon Popup form.
Fixed Header On Mobiles – Enabled/Disabled
Fixed Header Logo – Upload
Switch to Mobile Menu – Input (set 980px by default)
Mobile Nav Background – select color
Mobile Nav Text Color – select color
Read More Button Text – specifies text displayed on blog module button.
Polygon theme has integrated particles.js library. It allows to add particles background to section, row or module.
To add particles background add polygon-particles-js id to section, row or module.
Dot Color – define dot color
Line Color – define line color
Line Width - define line size (width in px)
Bulb Size – define dot size
Speed – define animation speed
Interactivity – Enabled/Disabled
3 Menu Button
Polygon comes with Custom Menu Button options that enables us to trigger popup form after button it is clicked. This options supports 3 form plugins: Caldera Forms, Gravity Forms and Contact Form 7. By default Caldera Forms custom popup is used (polygon-contact-popup-export.json).
We can also control menu button appearance displayed on Default Header, Fixed Header and separately for mobile devices.
Preloader – Enabled/Disabled
Preloader Size – define preloader size: width and height
Preloader Images - select preloader image
Preloader Image Uploader – you can upload your own preloader/gif image
Preloader background color – define background color for preloader
Preloader Effects – define effect FadeOut/SlideUp
Preloader Delay time – define preloader delay time
Body Delay time – define body delay time
Preloader Body opacity - define background opacity
Preloader Fadeout speed - define speed of preloader fadeout effect
5 Theme Color
This option allows you to change main theme color globally. Please be advised that Particleground and Menu Button colors will have to be set up separately.
Expanding Bar Module
Polygon comes with custom module called Expanding Bar. It can be used to build a powerful CTA sections. This module expands during scrolling and gets users attention quickly. It features lots of options that makes it fully customizable and creates unlimited possibilities.
Ghost Header is another custom option. It allows to customize 2nd header and display it on specific pages.
Divi/Theme Customizer/Ghost Header
Polygon features animations that can be added to each section, row or module. Below are the CSS Class groups for each animation:
Top To Bottom et_pb_animation_top et-animated et-waypoint
Bottom To Top et_pb_animation_bottom et-animated et-waypoint
Right To Left et_pb_animation_right et-animated et-waypoint
Left To Right et_pb_animation_left et-animated et-waypoint
Fade In et_pb_animation_fade_in et-animated et-waypoint
Editing Footer Email Optin
Footer Email Sign Up form is Divi Library item applied gloablly.
To edit Email Option module go to Divi/Divi Library and open Email Sign Up From layout.
Do not remove this library item. You can use it to build your own new footer that will be displayed globally. If you decide that you do not want to display any additional footer on your website then remove Email Option module only and set paddings to 0 in section and row customizer settings.
For additional assistance with using the Divi theme framework, Elegant Themes offers free technical support to all their members. Login to your account at Elegant Themes website.
You can also find support on Facebook or Google+ by posting your questions in the community group:
B3 Multimedia Solutions
For questions or support please visit your account and submit support ticket:
2017 September 22th - Version 1.2
- bottom bar customization issue fixed
- footer email opt in design fixed
- code cleaned and CSS improved
- Divi 3.0.76 compatible
2017 September 7th - Version 1.1
- theme color option added
- blog layout fixed, 2 columns displayed
- option to change Read More button text added
- white space header issue fixed
- mobile navigation background color option added
- Mobile navigation text color option added
- Expanding Bar settings improved
- documentation updated
- tested with Divi 3.0.71
2017 August 15th - Version 1.0