Customizer Extender for Divi

Another excellent product by haedworm

Changelog

= 1.0.0 = Dec 16, 2017
* Initial release

= 1.1.0: Jan 26, 2018 =

** New Features **
* Custom Color options with CSS Selector input boxes added; Allows the ability to apply colors to any ‘color’ property using CSS selectors.

** Improvements **
* Combined Drop Down Select Boxes for the various Background Image Options.
* CSS fixes and improvements where Primary and Secondary Nav settings weren’t being applied for some scenarios.
* Various JS improvements.

The Customizer Extender for Divi brings a range of new options to the Theme Customizer.

C-Ext aims to globalise theme colors and enable lightning fast, site-wide color changes.

The most noticeable difference in the C-Ext plugin is the replacement of many of the Divi Color pickers in the Customizer. The C-Ext ‘color pickers’ which replace them are linked directly to the Divi Theme Options Color Palette and a special Gradients color palette with which you can preset gradient effects for re-use.

After an initial set-up, C-Ext empowers you to change the entire look of your site simply by changing the color palette in the Divi Theme Options. Any elements using the C-Ext color pickers will change instantly on the front end of the site as soon as you click save in the Theme Options.

The Gradients Color Palette uses the standard color pickers and includes customisable Linear, Radial and Pixel Gradients. These are also linked to the Theme Options color palette although changing the gradient colors will permanently un-link them.

Images can be applied to most background elements with C-EXT directly in the Customizer with options for Repeat, Position, Size and Scrolling. There is also the full range of Background Blend Modes that work with both the background colors and gradients. Use them wisely as they are not supported in IE or Edge.

There are approximately 50 different elements that can be set with the C-Ext plugin’s color pickers as well as a Custom Background section where you can enter CSS selectors to set background colors, gradients and images on almost any element you can think of. Version 1.2.0 introduces Custom Color options allowing CSS Selectors to be added to any element using the ‘color’ property. This is not only a great tool for Divi, but it’s also very handy for changing colors on elements in third party plugins.

There are plenty of other setting to play with too including box shadows, and footer social network icons to make your websites unique. If you’re using the Elegant Market Place child theme maker, you’ll find settings for all of the social network icons added in your child theme.

For a full list of features see the Demo Link above.

Although the C-Ext plugin has no shortage of options; you won’t need all of them all of the time so each group of settings can be enabled or disabled as and when you need them.  You can also save your settings using the import/export feature in the Divi Theme Customiser making transferring settings from a development site to a live site a breeze.

IE Browser Support: C-Ext uses Custom CSS Properties, also known as CSS Variables. These are not compatible with Internet Explorer. Some of the C-Ext settings will work in IE though some presently do not; most notably the Custom Backgrounds and Custom Colors feature. Further support for IE is on the to-do list but please get in touch if there’s a specific setting you’re desperate for.

Coming Soon to C-Ext

There is a lot planned in the coming months for C-Ext.
Here are just a few of the things on the to-do list:

Alternative Color Palette’s in the Customizer so you can un-link the Theme Options Color Palette, either permanently, or to test different colors before deploying.
Footer Backgrounds and Font Color Adjustments
Secondary Header Font Icon Settings
Button Background and Color Settings
Widget Background and Font Colors and lots lots more.

Suggestions and feature requests are always welcome.

Check out the Demo link above for more info on the settings included in C-Ext. There are 7 demo pages at present with more in the works. None of the demo sites use the color settings in the modules, columns, rows or sections and all the background images have been added using C-Ext.

The only major difference between the demo pages are the images and the Theme Options Color palette settings. After the initial page set-up, the other sites were created in minutes.

Installation

Install like any other WordPress plugin. Upload the zip file to your site, install and activate. Open the Theme Customizer to get started.

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. This is an issue that we cannot fix due to the restrictions put upon us by Elegant Themes lack of Divi Developer Documentation.

Please be aware that you will need an amount of experience in Divi Theme/  or ELEMENTOR/WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

You may install this product on any number of websites that you build for yourself or your clients or as the license so determines, i.e, if it is single use, then that applies. You may not install any of these products as part of a hosting offering. Any abuse of these license terms will result in the termination of your account and the licenses that are attached – no refund will be offered or awarded in such cases.  You will receive 6 months support – premium support charges may be incurred after this period. Updates are for the life of the product.

We understand that there can be issues whilst utilizing out of date browsers. Please ensure you use up to date browsers when using our vendors products. For DIVI Theme – Third Party Plugins may not perform as desired in the Divi Visual Builder. This is an issue that we cannot fix due to the restrictions put upon us by Elegant Themes lack of Divi Developer Documentation.

Please be aware that you will need an amount of experience in Divi Theme/  or ELEMENTOR/WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.

All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned. BEFORE YOU ASK US FOR DIRECT SUPPORT – READ THIS! 

The Customizer Extender for Divi brings a range of new options to the Theme Customizer.

C-Ext aims to globalise theme colors and enable lightning fast, site-wide color changes.

The most noticeable difference in the C-Ext plugin is the replacement of many of the Divi Color pickers in the Customizer. The C-Ext ‘color pickers’ which replace them are linked directly to the Divi Theme Options Color Palette and a special Gradients color palette with which you can preset gradient effects for re-use.

After an initial set-up, C-Ext empowers you to change the entire look of your site simply by changing the color palette in the Divi Theme Options. Any elements using the C-Ext color pickers will change instantly on the front end of the site as soon as you click save in the Theme Options.

The Gradients Color Palette uses the standard color pickers and includes customisable Linear, Radial and Pixel Gradients. These are also linked to the Theme Options color palette although changing the gradient colors will permanently un-link them.

Images can be applied to most background elements with C-EXT directly in the Customizer with options for Repeat, Position, Size and Scrolling. There is also the full range of Background Blend Modes that work with both the background colors and gradients. Use them wisely as they are not supported in IE or Edge.

There are approximately 50 different elements that can be set with the C-Ext plugin’s color pickers as well as a Custom Background section where you can enter CSS selectors to set background colors, gradients and images on almost any element you can think of. Version 1.2.0 introduces Custom Color options allowing CSS Selectors to be added to any element using the ‘color’ property. This is not only a great tool for Divi, but it’s also very handy for changing colors on elements in third party plugins.

There are plenty of other setting to play with too including box shadows, and footer social network icons to make your websites unique. If you’re using the Elegant Market Place child theme maker, you’ll find settings for all of the social network icons added in your child theme.

For a full list of features see the Demo Link above.

Although the C-Ext plugin has no shortage of options; you won’t need all of them all of the time so each group of settings can be enabled or disabled as and when you need them.  You can also save your settings using the import/export feature in the Divi Theme Customiser making transferring settings from a development site to a live site a breeze.

IE Browser Support: C-Ext uses Custom CSS Properties, also known as CSS Variables. These are not compatible with Internet Explorer. Some of the C-Ext settings will work in IE though some presently do not; most notably the Custom Backgrounds and Custom Colors feature. Further support for IE is on the to-do list but please get in touch if there’s a specific setting you’re desperate for.

Coming Soon to C-Ext

There is a lot planned in the coming months for C-Ext.
Here are just a few of the things on the to-do list:

Alternative Color Palette’s in the Customizer so you can un-link the Theme Options Color Palette, either permanently, or to test different colors before deploying.
Footer Backgrounds and Font Color Adjustments
Secondary Header Font Icon Settings
Button Background and Color Settings
Widget Background and Font Colors and lots lots more.

Suggestions and feature requests are always welcome.

Check out the Demo link above for more info on the settings included in C-Ext. There are 7 demo pages at present with more in the works. None of the demo sites use the color settings in the modules, columns, rows or sections and all the background images have been added using C-Ext.

The only major difference between the demo pages are the images and the Theme Options Color palette settings. After the initial page set-up, the other sites were created in minutes.

Installation

Install like any other WordPress plugin. Upload the zip file to your site, install and activate. Open the Theme Customizer to get started.

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

0 Comments

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items. Please be aware that you will need an amount of experience in WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. We do not offer refunds under any circumstances. If you feel that there is an issue with a product please get in touch with the developer of the product through their contact details which can be found within the plugins Dashboard, themes and documents we sell on their behalf. Rudeness to our developers or support staff will not be tolerated and support may be refused. By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - we send out around two emails a week to keep you informed of product updates, WordPress News and Developer advice. You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email. (Amended. February 6th 2018)

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest