Combat Go well with for Divi is a third-party plugin that gives a selection of Divi Builder Modules, Divi Extensions, Tweaks, WordPress Widgets, and extra, that upload new options to Divi. It’s a modular machine that’s extremely expandable. The plugin itself is loose and it may be expanded with plenty of loose and top rate add-ons.

On this Divi plugin spotlight, we’ll check out Combat Go well with for Divi and notice what it contains. Since you’ll get the plugin at no cost within the WordPress depository, I’ll most commonly display examples of the top rate add-ons.

Combat Go well with for Divi

Set up and turn on Combat Go well with for Divi. A brand new menu merchandise referred to as Divi Sensei Go well with is added to the dashboard menu.

Clicking Settings takes you to the Divi Theme Possibility. A brand new tab is added to the Divi Theme Choices referred to as Combat Go well with. Right here, you’ll allow options and widgets.

Deciding on Upload-Ons opens a display screen with a number of possible choices. You’ll be able to acquire the top rate add-ons from right here. Toolset for Divi calls for Toolset Perspectives and Toolset Sorts to be put in. This calls for the top rate model of Toolset. I’ll be the usage of all 3 of those add-ons on this plugin spotlight.

Add and turn on each and every plugin as commonplace.

Upload your license key and turn on the license to make use of the add-ons.

Combat Go well with for Divi Modules

Plenty of new modules are added to the Divi Builder. The modules come with the predicted Content material, Design, and Complex tabs and lines. This symbol presentations the modules that include the loose model of Combat Go well with for Divi. The loose modules come with:

Every other Publish – shows the content material from a distinct submit of any submit kind.

Bucket – a module very similar to a blurb. It contains hover results. It’s nice for developing buckets lists or showing merchandise.

Footer – shows the Divi footer anyplace within the structure. It’s nice for showing the footer within the clean web page template or with Toolset.

Library Format – allows you to inject a structure out of your Divi library.

Masonry Gallery – a brand new gallery that presentations pictures in several sizes a masonry structure.

Publish Button – this can be a button that hyperlinks to a submit.

Publish Excerpt – Permits you to customise and show the submit excerpt.

Publish Featured Symbol – shows a featured symbol with the settings of the Symbol module.

Publish Meta – shows customizable submit meta.

Publish Identify – shows the submit identify with a customizable module.

Transformable Symbol – shows a 3D symbol with hover results.

Video Lightbox – shows movies in a customizable lightbox.

Top class add-ons upload much more modules to the Divi Builder. The picture right here contains the top rate add-ons that I’m the usage of. There are a number of extra to be had from the Developer’s web site. Modules come with:

Countdown Timer – a customizable countdown timer that may execute an tournament when the countdown is completed.

Subject material Blurb – a blurb with a couple of buttons and elevation choices.

Publish Content material – shows a particular URL. Clicking it opens the hyperlink.

Toolset Button – provides a button for a particular Toolset box and hyperlink to a particular URL.

Toolset Counter – this can be a counter for Toolset content material.

Toolset Gallery – shows a gallery for particular Toolset fields.

Toolset Symbol – shows a Toolset symbol.

Toolset Desk – shows a Toolset desk with structure and separator choices. It contains person merchandise customizations.

Toolset Textfield – shows a Toolset textual content box.

Toolset View – shows the database perspectives made with Toolset.

Combat Go well with for Divi Subject material Design Examples

The Subject material Blurb provides one new module. On this instance, I’m recreating the ebook knowledge from the Creator structure with Subject material Blurbs. They had been at the beginning made with 3 person modules: textual content, symbol, and button modules for each and every ebook. I’m in a position to switch them with a unmarried module. I’m making a couple of customizations as I’m going. I’ve added a 2nd button, adjusted the border, and custom designed the shadow for each common and hover. You’ll be able to use pictures or icons and you’ll have it to switch to a brand new symbol or icon on hover.

Right here’s the outcome with all 3 subject material blurbs. I’ve set the bottom elevation to five and the hover elevation to one. I’m soaring over the blurb at the proper to turn the hover shadow impact. I’ve left the button at their default styling, however after all, they may be able to be styled similar to any button in Divi.

For this one, I’ve adjusted the hover results once more. I’ve set the bottom elevation to one and the hover elevation to 0. I’m soaring over the fabric blurb at the some distance proper.

Combat Go well with for Divi Ultimate Countdown Examples

Countdown Timer additionally provides a unmarried module. Right here’s a take a look at what the countdown timer can do. That is the default settings the usage of the turn taste. You’ll be able to alter the offset so the tiles line up the way in which you wish to have them to. I’ve positioned it inside the Chance Control structure, which supplied the identify, divider, and button.

That is the block taste with the default settings.

For this one, I’m no longer appearing weeks and days. I moved the labels to the highest and adjusted their measurement, colour, and made all of them caps. I additionally higher the scale of the clock’s textual content and adjusted the colour of the clock’s background. It additionally has choices to transport the textual content place inside the clock, alter widths, and so forth.

This one makes use of the block taste. I’ve higher the scale of the clock’s font and adjusted the fonts to Aladin, made them red, and gave them a shadow impact. I’ve added a mild grey background to the clock so it simply slightly sticks out.

Combat Go well with for Divi Toolset Examples

The Toolset add-on provides 7 modules to the Divi Builder. It calls for the premium version of Toolset. I discovered the Combat Go well with for Divi Toolset add-ons to be simple sufficient to make use of, however Toolset itself used to be a distinct tale. It’s no longer an intuitive platform in any respect and I don’t suggest it for starting WordPress customers.

Even supposing you’re conversant in WordPress and Divi, I extremely suggest looking at How to build a custom Taxonomy Archive using Toolset and Divi on YouTube should you’re no longer conversant in Toolset. Remember that the dashboard menu for Toolset has modified because the video used to be created, so it will take a couple of extra steps to determine it out. Listed below are the stairs that I took.

Toolset Perspectives

Create a View in Toolset. Ensure that to make a choice the submit varieties show so they may be able to use the View.

Skip the loop wizard and make a selection a content material template. Right here you’ll select Divi, which is able to upload Divi to the template choices. be certain that the Divi template is inside the wpv-loop tags.

Create a template structure with the Divi Builder. First, allow it via settling on it from the choices on this box after which click on to edit.

Create the template the usage of the Sensei modules. Post the template and save the View.

Depart the Output Editor empty.

Upload the Sensei Toolset View module in your web page or submit structure. Make a selection the View from the dropdown within the module’s content material tab.

Be sure to’re no longer the usage of a Toolset structure for the web page. You wish to have Combat Go well with for Divi to keep an eye on the layouts, no longer Toolset (a minimum of on this case).

It shows the posts in an archive loop the usage of the template that I created in Divi. You’ll be able to create any form of structure you wish to have. I’ve restricted the show to three posts with an offset of 0, however you’ll use this similar to a weblog module in conjunction with submit sliders, and so forth. You’ll be able to additionally order and type the posts via a number one and secondary order.

I’ve now added the module inside the Creator structure. I’m the usage of the font taste from the structure. I’ve additionally added a field shadow to the module.

Toolset Counter

The Toolset counter allows you to input numbers to depend to and from. You’ll be able to select to show numbers or a circle counter. It additionally contains the entire anticipated customizations. On this instance, I’ve added a background with field shadow and a few padding to the highest and backside. The whole thing else is the default (except for for the quantity that I entered). The quantity counter can depend numbers or dates.

Right here’s a circle counter that’s counting numbers. You’ll be able to even have it to depend a Toolset box for the % kind.

Toolset for Divi WordPress Widget

Combat Go well with for Divi additionally provides a brand new widget to WordPress referred to as Blurb. Upload a identify, symbol, URL, and outline to create a clickable blurb on your sidebars.

Upload your identify, symbol, hyperlink URL, and outline. You’ll be able to have it open in a brand new window if you wish to have. I’ve added 3 widgets to create hyperlinks to books.

I’ve added the sidebar to a piece within the Creator structure. The outcome seems to be nice with Divi layouts.

Combat Go well with for Divi Worth

Battle Suite for Divi is loose and is to be had within the WordPress depository. Upload-ons are to be had from inside the plugin’s menu. Upload-on costs are:

  • Toolset for Divi – $19
  • Subject material Design – $9.99
  • Ultimate Countdown – $9.99

Additional information is to be had on the developer’s website.

Combat Go well with for Divi Documentation and Enhance

You’ll be able to touch toughen by the use of e mail or via clicking the hyperlink within the menu. Documentation is equipped via clicking hyperlinks within the plugin’s menu. It supplies hyperlinks to an FAQ and the writer’s YouTube channel the place they’ve an in depth review of each and every module. It most effective contains the primary modules.

Finishing Ideas

Combat Go well with for Divi is an engaging plugin and it provides so much to the Divi Builder. Even the loose model provides so much, however you’ll extend it additional with top rate add-ons. You’ll be able to select the precise add-ons you wish to have, making this a modular machine.

I had no hassle with lots of the modules and add-ons, however I’d like to peer some examples at the developer’s web site of easy methods to use them. I’d particularly like to peer examples of the Toolset add-on. That’s the one add-on that gave me hassle.

For those who’re eager about including plenty of new modules to the Divi Builder to make your design-time more uncomplicated, then I extremely suggest having a look at Combat Go well with for Divi.

We need to listen from you. Have you ever attempted Combat Go well with for Divi? Tell us what you take into consideration it within the feedback.

Featured Symbol by the use of rudall30 / shutterstock.com

The submit Divi Plugin Highlight: Battle Suit for Divi seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]