, ,

The Divi Guide for Beginners: Why This Is An Awesome Theme

Divi guide – I’ve set up my another blog website with WordPress, however, I didn’t compose any lines of codes like some other web designers do.

So how could I isn’t that right?

I did it with the Divi topic from Elegant Themes.

I found Elegant Themes a couple of years back when I first set up my blog. When I figured out how the Divi Page Builder functioned, I in a split second concluded that it was the ideal topic for me, the non-coding blogger.

In case you’re quite recently beginning with blogging and you need a topic with unfathomable plan choices, look at Divi. Divi will make website architecture a ton less demanding for you. This topic is awesome for planning your site any way you need without making propelled changes to the subject’s code.

The Divi WordPress Theme Options Panel

Much the same as any present day subject, Divi accompanies a “Topic Options” board to deal with the fundamental settings.

To open this board, go to Divi > Theme Options.

The primary thing you need to do subsequent to introducing the topic is to change the site logo and favicon. The web page logo is your site’s logo that ought to go in the header. The favicon is the little symbol that shows up next to your site’s name in program tabs.

Different settings you can change in the “General” tab are the accompanying:

  • Empower/Disable Divi Gallery
  • Empower/Disable Blog Style Mode
  • MailChimp API Key
  • Google API Key
  • Appear/Hide online networking symbols
  • Empower/Disable responsive shortcodes
  • Date Format
  • Custom CSS

Notwithstanding that, you have tabs to change more settings for:

  • Route
  • Design
  • Promotions
  • Website design enhancement
  • Reconciliation
  • Upgrades

On the off chance that you need to know more about a particular setting, tap on the question mark (i.e. help) to one side of that setting.

Redoing Pages with Divi Page Builder

Divi’s Page Builder highlight is the fundamental capacity that gives you a chance to tweak every page of your site. “Segments” are made from the Page Builder. This can be full width or any custom width you need.

Inside Sections, you can make lines with various segment formats. They can be a solitary segment, two segments, three segments, et cetera.

In every segment, you can make “Modules”.

Modules are pre-assembled formats that fill a particular need. A few cases of Modules are:

  • Blog
  • Shop
  • Sidebar
  • Other site components you need to add to a page.

Every Module has a settings page where you can tweak the outline, include foundation pictures, change content styles, etc.

The settings interface is anything but difficult to utilize. Basically, fill in the required qualities, change the sliders, or snap to flip. There are by and large three tabs in every settings page:

  • General Settings
  • Propelled Design Settings
  • CSS

In the event that you need to review how the module will look without leaving the editorial manager, tap on the “Eye symbol” on the base of the settings box. Once you’re finished with arranging the settings, you can click “Spare and Exit” or “Spare and Add to Library” (in the event that you need to utilize that same module in different parts of your site).

Starting here, you can tap the “Review” catch on the correct board to see the whole page on another tab. In case you’re content with what it would appear that you can hit “Distribute” to add the page to your site.

The Divi Visual Builder

The most recent overhaul to the Divi topic included another sort of manufacturer: The Divi Visual Builder.

It’s a method for altering your site from the front-end. You can open any page or post from WordPress, then select “Utilize Visual Builder”.

At the point when the page opens, it will resemble the customary page you’ve made. Be that as it may, when you put your mouse over the sides of a few ranges, it will demonstrate toolbars. These are the controls for segments, lines, and modules. From here, you can move, alter, copy, and additionally, erase modules by tapping the suitable symbols in these toolbars.

You can also edit text in blog posts and text modules:

On the off chance that you’ve rolled out a couple of improvements yet might want to fix them, simply put your mouse over the focal point of the page and a purple circle catch ought to show up.

Tapping on this raises the worldwide settings for the page. The clock symbol opens the “Altering History” box where you can see a rundown of all alters done. You can now choose things from this crate or return to a past page setting.

Anything that you can do with the non-visual page manufacturer, you can basically do with the Visual Builder. A similar module, column, and area settings will at present be accessible in any case.

Conforming Spaces Between Sections and Rows

The first occasion when I utilized Divi, I wasn’t content with how huge the spaces were between areas. I didn’t know how to change that at first. At last, I found how to change the dividing utilizing the area and line settings.

To open the settings for a segment or column, tap on the three level lines found on the upper left corner of the said segment or line.

In the “Settings” window, under “General Settings”, you’ll see a possibility for “Custom Padding”.

In case you’re attempting to make the spaces between two areas/columns littler, then you have to set an esteem to the “Base Padding” of the main segment/push and the “Top Padding” of the second segment/push.

Attempt an estimation of 1px or 2px to perceive what it would appear that and conform in like manner.


There are numerous other cool things you can do with the Divi topic, however, these are only a couple of rudiments that you have to know to begin. Utilizing Divi surprisingly is not by any stretch of the imagination that hard since there are heaps of aides and instructional exercises for this subject.

Exquisite Themes gives awesome how-to and recordings for first-time Divi clients. The Elegant Themes blog additionally highlights tips and traps that are not for the most part found in the Theme Documentation. Furthermore, there are numerous different destinations that distribute point by point instructional exercises for Divi.

Above all, Divi makes it simple for non-coders like you and me to plan a site with certainty, adaptability, and huge amounts of customization choices. In case you’re not gifted with coding but rather need to make your own site sans preparation, Divi is a phenomenal decision.

Have you utilized Divisome time recently? Is it accurate to say that you are utilizing it now? Tell me your involvement with Divi in the remarks underneath!

Like this survey of the Divi topic? Educate your companions concerning it on Facebook, Twitter, and Google Plus!

This is a great theme with amazing features and customization options. It makes it really easy for beginners with no coding knowledge to start a web page. Highly Recommended.

Mohit Saini is a freelancer and is actively engaged with several websites providing with articles on technology. He likes to stay updated with the current tech news related to Web Hosting and Domain Registration. For any questions, mail him 11mohitsaini@gmail.com

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

20 − 3 =