How To Put A Divi Module Inside The Divi Tab Layout

Putting a Divi module inside the tab menu is not available by default in Divi but in this blog, I will reveal the trick for you.

Add a tab module

add tab module in Divi

 

Create a sample post. As an example, I would like to put a blurb module inside the tab module. Let’s do the magic!

Configure your blurb and finalize the elements. Once done, it’s time to get the shortcode.

1. Hover the Builder button > right click to inspect the elements and remove the et_pb_hidden inside the class name.
trick to get the divi shortcode

2.
step 2 in getting the divi module shortcode

As an example, here’s the final shortcode for your blurb.

module

 

Result:

w

Menu 1

 

Now, you can put that shortcode on your tab module. Feel free to add classes to style your tab module or tab container e.g using grid classes inside the blurb module

 

 

How To Route Your Email Address To Office 365 Using MX Record

Pleae take note that you need to have an admin account of Office 365 in order to configure this set up.

To route your email address e.g info@bookwormhead.com to Office 365 without using POP3 or IMAP, you need to use MX Record.

Login to your web Outlook account > click the dotted square > Admin

 

Go to too icon > Domains
domains

 

Now, you need to add a new domain and complete the verification process
verification of MX record

 

 

In my case, my hosting provider is Siteground.

 

So basically, you need to edit the following fields according to their requirements to route all your email address to Office365

how to verify mx recording in office 365

cPanel–Advanced DNS zone editor tool

verified version

cPanel–Advanced DNS zone editor

https://www.dnswatch.info/

 

 

 

Grid CSS – Divi

To have this kind of design, we will need to use custom classes and grid.

Please declare the grid-image custom class in the menu and add a class in the row called grid-container then duplicate the container two times to have 3 column image. Here’s the quick screen recording.

Please go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:  Feel fre to change the font-size according to your liking.

.grid-container {
display: grid;
grid-template-columns: repeat(3,33%);
}

.grid-image p {
margin-top: -7em;
padding: 2%;
color: white;
font-size: .9em;
line-height: 1em;
}

 

How To Download Divi And Other Themes On Elegant Themes Member Area

In this blog, I will walk you through how you can download any elegant themes products including themes, plugins and templates.

 

 

Downloading Elegant Themes & Plugins

Before, we get started. Below are the list of WordPress themes and plugins you can use.

WordPress Plugins

  • Divi Builder – can be used if you don’t want to use Extra or Divi. This plugin is no longer needed if you’re already using Divi/Extra themes as they have built-in Divi builder.
  • Bloom – Perfect for email opt-in pop-up, exit pops and such.
  • Monarch – Integrate a social sharing to your WordPress website
    See more >

WordPress Themes

To see the other themes, kindly go here. Just click the preview to see the demo.

 

WordPress Plugins

Now, let’s proceed! To download ET themes, kindly go sign in to  the member’s area. If you’re not sure what’s your username, you can find it here

elegant themes member area

2. Go to downloads tab > scroll down the page > click the view all downloads pink button

how to download divi themes

3. Press ctrl + f for Windows or cmd+f for Mac > find the theme e.g Nexus and click the Download icon

list of elegant themes

 

To load premade template from Divi, create or open an existing post/page > enable the Divi Builder > click the + icon

premade layout

Click the Premade Layouts tab > Choose any of your layout. You can also use the “Search” box. 

how to load premade layout

How To Receive Submissing From Divi Form Using Message Pattern

1. Go to your page editor or enable the Divi Builder > contact form module by clicking the grey gear icon. 

 

 

 2.Open the individual fields and check your field ID.  Basically, you will need to define those IDs on message pattern

field ID in Divi

 

3. Let say, you have 3 fields called Name, Email and Message.

4. You will need to set that on Message Pattern fields, simply click the Content tab > Email Toggle > Message Pattern 

 

5. Add a %% before and after the field ID.

 

Lastly, don’t forget to put your email address

 

See the screenshot below for reference

message pattern