X Theme vs Divi: Pros and Cons

Finding the right WordPress theme can be a tiring affair. There are thousands of WordPress templates available online and it can be difficult to know which one to select.

One of the best WordPress designs on the market today is Divi. Last year we compared Divi to the Genesis framework.

Since Elegant Themes recently updated Divi with a host of new features, we thought it would be good to revisit the theme and look at what the theme offers.

Rather than compare Divi with Genesis, in this article we are comparing Elegant Themes’ flagship design with X the theme. With around 62,000 total sales, X the theme is one of the most popular designs on ThemeForest.

Let’s take a closer look at the strengths and weaknesses of these two versatile WordPress themes.

X – The Theme

On paper, X does not offer anything that cannot be found in other WordPress themes in the ThemeForest marketplace. It comes with multiple responsive styles, it includes a page builder for creating custom pages, and it has a portfolio custom post type.

However, its feature list does not tell the whole story. What sets X apart from most of its competitors is that everything it does, it does well.

Since its release at the end of 2013, X has added many new features and as I write this, the theme has reached its fourth version.

X Theme - Dawn of a New Era

Once you have activated X on your website, you will be asked to register on the developer’s website. This ensures that you the theme can be automatically updated through the WordPress admin area. Registering an account is also necessary in order to download extensions such as Cornerstone.

Congratulations on Installing X Theme

To get started, I suggest installing the demo content. The demo feature modifies the WordPress theme customizer to showcase what can be achieved using X. There are dozens of demos available for all four designs (known as stacks, but more on that later). Example posts and portfolio items can be imported too.

Installing the demo content will help you see what X can do firsthand as you can look at settings and see how a certain look was achieved. You are not required to import posts and portfolio items. Importing the demo data simply changes all the settings defined in the WordPress customizer.

So what can X do? Let’s take a closer look 🙂

Cornerstone – The WordPress Page Builder

Cornerstone is the page building extension that is included with X. Whereas Divi’s page builder operates in the back end, Cornerstone works in the front end. This lets you customize things on the front end on the fly. The page builder can be used with blog posts and pages.

Cornerstone WordPress Page Builder

A total of 40 elements are offered in Cornerstone (in many other page builders, these are referred to as modules or blocks). Elements include post accordions, Google Maps, videos, audio, image sliders, and more.

You can easily add new rows (known as sections) and then decide on the column structure. Templates are available too. You can then drag and drop any element you wish into your content area. Once you do so, you can edit an element by clicking on it, which loads up configuration options on the left panel.

Cornerstone Layouts

The size and look of columns and rows can be easily modified. You can change background colors and define margins, padding, and borders.

Cornerstone Columns and Rows

Once I got used to how Cornerstone worked, I was really impressed with it. The ability to change things on the front end of your website means that you can see exactly how elements and design modifications will look on your live website.

The WordPress Theme Customizer

X allows you to change aspects of your website design using the WordPress Theme Customizer. You are not presented with as many design options as other WordPress themes, though most things are covered over the thirteen categories.

X Theme Customizer

In addition to design specific settings, you can modify things such as typography, page widths, your header and footer, buttons, blog, portfolio, and social media sharing.

As I am sure you are aware, the WordPress theme customizer lets you see any changes you make in real time. If you spend some time modifying settings, you should be able to get the design that you are looking to create. Thankfully, the demo content is available for people like myself who lack the visual inspiration needed to create a good website design. All you have to do is load up one of the many demonstrations and then modify it as you see fit.

Four Unique Designs Included

X includes four unique designs which the developers refer to as “Stacks”. I like to think of the four stacks as unique canvases rather than four custom skins.

Each stack has a unique page structure that was designed with different types of websites in mind. Different features and options are available for each stack.

Four Themes in One

You can select what stack you are using in the WordPress theme customizer. Options for a particular stack are displayed underneath the stack selection box.

Choose Your Stack

When you change stack, different options are displayed in the box below (though all other options in the theme customizer remain the same).

  • When you choose Integrity, you can change the design from light to dark, change transparency settings, edit the blog header or turn the blog header off, and change two basic portfolio options
  • Renew allows you to change multiple background colors and link colors and offers some basic blog settings such as editing the blog title and changing the color of icons
  • Icon lets you enable and disable post icons and change the text colors and background colors associated with post formats
  • Ethos allows you to customize background colors, configure your post carousel, and configure your post slider for your blog and archives – You can also define the side padding for navbar links and remove categories from your blog index

When it came to editing stacks, I found some options were a little inconsistent. For example, with the Integrity stack I could edit the blog header text or turn the blog header text off altogether. Renew allows me to edit the blog header text, but there is no option for removing the text. The other two stack designs, Icon and Ethos, do not even display a blog header.

I appreciate that each stack has unique features, however it was strange to me that something such as a blog header is only offered in two stacks and only removable in one. This is a minor criticism, but hopefully the developers will make more theme options standard across the board.

If we take a closer look at each stack, you begin to understand why each design has different options available in the WordPress customizer.

Integrity is an all purpose design that comes in a light and dark color scheme. It can be used to create blogs, portfolios, online shops, businesses, and more.

Integrity Stack

Renew has a more creative look and feel to it, though it is still versatile enough to be used for any type of website.

Renew Stack

Icon is a minimal design that has great support for blog post formats. This is my favorite design (though I love minimal designs!).

Icon Stack

Ethos is a magazine design that features post sliders and post carousels.

Ethos Stack

Most themes, and frameworks such as the Genesis framework, feature one design structure. Developers are able to design many wonderful skins from this one design structure, however they are still limited by the constraints of that one structure.

X has four unique design structures. That opens up a lot of possibilities that would not be possible with other themes and frameworks without a lot of custom work. Without doubt, the inclusion of four unique design structures is one of the theme’s best features.

Multiple Extensions Available

Introduced in the third version of X, extensions add additional functionality to the X theme. One extension I have already spoke about is Cornerstone, the page builder that can be used to create beautiful posts and pages.

X Extensions List

At the moment there are sixteen extensions available for X and they are all free to download when you purchase the theme and enter your API key. There are extensions for third-party services such as MailChimp, DISQUS, and Google Analytics, and useful extensions to build a terms of use page or display an under construction message.

Integration with Third-Party WordPress Plugins

Plugins are one of the main reasons WordPress is such a versatile platform. Plugins add new features and functionality to your website that you did not have previously.

Theme developers do not always build their designs with plugins in mind. It is not uncommon for theme developers on ThemeForest to respond “It is the plugin that is causing the error” whenever a user notifies them of an error when their theme is used with a particular plugin.

Thankfully, you do not need to worry about that occurring with X as it has fantastic support for third-party WordPress plugins.

All four X design stacks have been designed to work with WooCommerce, bbPress, and BuddyPress, right out of the box (an example of BuddyPress using the Integrity stack can be seen below). This means that you will not need to edit X in any way to build an online shop or start a community.

Example of X with BuddyPress

X comes with styling for popular contact form plugins Contact Form 7 and Gravity Forms. It natively supports languages that read right to left and it has built-in support for the WordPress Multilingual Plugin.

One of the things that really impressed me was the inclusion of the Visual Composer extension. This allows you to use Visual Composer to create custom pages instead of Cornerstone. I cannot think of any other theme that comes packaged with a page builder that gives you the option of using an alternative page building solution. It’s a great feature that I am sure existing users of Visual Composer will appreciate.

Support and Resources from Experts

X is supported by over a dozen full time staff. You can ask pre-sale questions in the comment section of X on ThemeForest or send them an email directly.

Their knowledge base has tutorials about every major feature of X. If you cannot find what you are looking for there, you can post a question in their support forum.

X Support Center

Theme.co took an interesting approach to support with X. From the very beginning, they consulted with established internet marketers and developers about how X should be developed. These successful entrepreneurs helped contribute to X training resources such as articles, resources, and videos.

A Great Package

X theme got a lot of attention last year when Envato revealed that it was their fastest selling WordPress theme. The developers, Theme.co, had managed to rack up one million dollars in sales in less than six months.

One of the reasons X has sold so well is because it offers so much in one package. This makes it a flexible theme solution that can be used in a wide variety of situations.

Thus far, I have only touched upon what I consider to be the main features of X. Below is a short list of other features you will find in X.

  • SEO-friendly semantic HTML5 markup
  • A versatile portfolio custom post type that can be used to create beautiful galleries and portfolios
  • A copy of the popular slider plugin Slider Revolution (worth $18)
  • A responsive design that looks great on any device, whether it be a mobile, tablet, or desktop
  • Retina ready designs that have been created with high pixel density devices in mind
  • A whopping 400 icons are included with the theme
  • Great support for custom backgrounds
  • Social media support for all major social media services
  • Fantastic navigation options including an option to build mega-menu navigation bars
  • An option to create stylish one-page websites
  • An optional enhanced search feature
  • Beautiful typography with a selection of over 600 Google fonts
  • Dozens of shortcodes to help you style your content
  • Support for adding custom sidebars
  • Amazing features for bloggers with full support of all WordPress post formats
  • Import and expert functionality for transferring theme settings
  • Every purchase of X comes with all original Photoshop PSD files (a nice addition for developers who want to customize X further)

As you can see, X is a capable WordPress theme that is packed full of features. More features does not necessarily translate to a better theme, however I was impressed with how X worked. Settings were easy to configure and everything worked in the way you expected it to. Without doubt, it is one of the best WordPress themes on the market.

The Divi WordPress Theme

Elegant Themes are one of the longest serving theme companies in the WordPress community. Divi transformed the company.

When Divi was first released at the end of 2013, Elegant Themes were widely known for providing over eighty WordPress themes at the same price that many companies charge to download one WordPress theme. The company completely changed their direction once Divi was released and started focusing on quality, not quantity.

Without doubt, it was the best decision Elegant Themes ever made. The company still provides a huge number of themes and plugins through their membership plan at an affordable price. However, whenever someone mentions Elegant Themes in 2015, they are undoubtedly referring to Divi.

Divi deserves to be recognised as one of the best all in one theme solutions for WordPress. It is a beautiful theme that offers many great features. Since we compared Divi to the Genesis framework last year, a host of new features have been added.

The recent release of Divi 2.4 was the biggest upgrade of Divi since its launch. It has added a host of new features to what was already a refined WordPress theme. In total, Elegant Themes added over 1,000 new settings in version 2.4.

Let’s take a closer look at some of these features and see how they have shaped Divi.

The Drag and Drop Page Builder

At the heart of Divi is its drag and drop page builder. It’s a user-friendly page building solution that can be used to create unique pages.

In previous versions of Divi, the page builder could only be used on pages; which restricted what you could do with it. Thankfully, Elegant Themes have removed this limitation. You can now use the page builder on any WordPress post type, whether it be pages, blog posts, or custom post types.

Divi still offers a great selection of modules. These allow you to easily add images, videos, tables, blog posts, and more, directly into your content area.

Divi 2.4 adds six new modules: Fullwidth image, fullwidth code, fullscreen header, fullwidth post title, regular code, and regular post title.

Divi Builder

Divi has always supported the WordPress theme customizer; however Version 2.4 has also added a new module customizer. It looks and works in the same way as the WordPress theme customizer you know and love. You can change a host of settings including fonts, colors, margins, padding, and more.

There are over 200 settings available via the module customizer. It’s a great new feature that makes the Divi page builder even more versatile.

Divi Module Customizer

Elegant Themes has improved the way that rows and columns are added and modified. You can now instantly change the column structure of rows. There are also options to make rows full width, add custom spacing to columns, add column background colors, and ensure that all columns have the same height.

Increase Column Size

Another great new feature is the Divi library. The Divi library lets you save customized modules, sections, rows, and layouts. This can be used to sync full layouts, or partial layouts, across multiple areas of your website.

Global library items can be displayed throughout your website. You can do this with modules, rows, and sections.

The Divi Library

The WordPress Theme Customizer

Every part of your website design can be modified via the WordPress theme customizer. There are ten top-level categories available, such as header and navigation, blog, and color styles. When you select a category, you are presented with multiple sub-categories and in those sub-categories you will find a host of options for styling your website design.

Divi WordPress Theme Customizer

Divi 2.4 added a huge amount of new options to the theme customizer. For example, you can now change the width of your pages and sidebars.

Divi Customizer Global Settings

The area in which Elegant Themes has really expanded Divi is navigation. There are new options to change the height of your logo, make your logo center and inline, and modify your font type and style.

If you select a fixed header, you adjust how the menu looks once a user scrolls down the page. You can also hide your navigation menu and display a call to action. Your navigation menu will then be displayed once a user scrolls down.

Divi Navigation

24 Header Layout Possiblities

In my last comparison post about Divi I mentioned that there were 18 pre-made layouts available. These layouts are still available in version 2.4.

2.4 also added many more layout possibilities. There are now 24 structures available for your header and 9 structures available for blog post headers.

Divi Header Layouts

Support, Tutorials, and Updates

Elegant Themes have a solid reputation for support. They have a large documentation area that explains every feature of Divi. These tutorials are high quality; with many detailed videos and images being used.

General questions can be asked in their support forum. They have a support team who works on the forums every day to ensure that response times to support queries are quick.

Divi Support

Divi – The All-in-One Solution

Like every all in one solution, there is a little bit of a learning curve with Divi. It will take you less than 30 minutes to familiarize with how everything works, but you need to spend more time with the theme in order to get the most out of it. Once you have a better understanding of all the features of Divi, you will be in a position to create beautiful and unique pages and content.

With 18 responsive pre-made layouts and great post format support, Divi has something for everyone. It has native support for 32 languages and supports languages that read right to left.

I have spoken about Divi in articles many times in the past. One of the difficulties I have had speaking about Divi in the past is how to review it. There are so many features in the theme that I unable to list them all. Therefore, the hard work for me is to decide what to mention in my review and what to omit.

Elegant Themes have made my job even more difficult. With over 1,000 new settings and options added to the latest version of Divi, it was simply not possible for me to list everything that it can do. To read more about what Divi can do, I encourage you to read the main Divi theme information page and the recent announcement post about version 2.4.

Which Theme is Cheaper?

X and Divi have two very different pricing models. X is available from ThemeForest for a one-time fee of $63.

Despite being the largest premium WordPress theme marketplace online, ThemeForest is not a GPL friendly service and X is not fully GPL compliant either. In order to download all extensions, you need to register for an API key. The problem with this is that you need to define the domain you are using it with in order for the API key to work. The developers of X do not permit you to use X on more than one website. If you want to use X on more than one website, they expect you to purchase a second single license. Developers of WordPress products are not permitted to restrict use in this manner since it is against the terms and conditions of the General Public License that WordPress is built upon.

X allows you to download the Cornerstone page builder, Slider Revolution, and Visual Composer extensions, without entering an API key. You can therefore use X on as many websites as you wish, but unfortunately you will not be able to get automatic updates or install extensions on more than one domain. You could, however, transfer the theme and extensions to other domains manually (as per GPL rules on usage, you are permitted to do so).

The issue of X not being GPL compliant may be a minor concern for many WordPress users, but it is a black mark against X in my eyes. Here’s hoping the developers fully embrace GPL in the future and do not make it restrict usage of their products.

Thankfully, Elegant Themes are a GPL friendly company that do not restrict usage of their themes and plugins.

Elegant Themes have three different membership plans available. Their cheapest option is the personal license. For $69 per year you will gain access to all 87 Elegant Themes WordPress themes. This includes Divi and other high quality designs such as Nimble.

Elegant Themes Pricing

Upgrading to the developer license only costs $20 more. For $89 per year you gain access to all 87 Elegant Themes WordPress themes and 6 premium plugins. Premium plugins include their email opt-in plugin Bloom and their popular social media sharing solution Monarch. The developer license also includes all original Photoshop PSD files.

The lifetime access license offers the same features as the developer license. It costs a one off fee of $249 and once paid, you do not have to pay any more yearly renewal fees. If you think you will use Elegant Themes for more than two years, this is the license to buy.

X VS Divi: Which One is for You?

There are more similarities between X and Divi than there are differences; certainly when you compare these designs to a framework theme such as Genesis. Both themes include a page builder for styling page content and both themes utilize the WordPress theme customizer for styling your website.

The Divi page builder and Cornerstone page builder are great solutions for creating beautiful content. Truth be told, there is not much between them. They work in different ways, however they share many of the same modules and features. It therefore comes down to which interface you prefer and whether you prefer to use your page builder in the back end or edit things live on the front end.

When it comes to styling your website, Divi is the clear winner. It has hundreds more configuration options on offer in the WordPress theme customizer that are simply not available in X. This gives you a much higher level of control over how your website is styled and designed.

Divi comes with 18 pre-made layouts, however the demo content feature of X offers a total of 33 different layouts for its four design stacks. Therefore, when it comes to layouts, X perhaps takes the lead.

Both X and Divi are incredibly versatile WordPress themes that allow you to create beautiful and complex websites easily. Therefore, from a functionality point of view, there is little between them. It really comes down to which interface you prefer and which designs you think look better.

Overview

I hope you have enjoyed this look at X the theme and Divi.

X and Divi are great all-in-one solutions that allow anyone, regardless of their technical experience, to create professional looking website designs. It is difficult for me to say that one is better than another as it really comes down to which you prefer.

That being said, Elegant Themes offers much better value for money. In addition to Divi, you will gain access to 86 other themes and 6 high quality WordPress plugins; all for around the same price as X. And with Elegant Themes, you do not have any restrictions on how many domains you use your products on.

Due to these reasons, I feel that Divi is the better option for most WordPress users as you get a lot more for your money and you can use Elegant Themes products on as many websites as possible. If, however, you only plan on using X on one domain, the GPL issue should not be a concern for you and you should perhaps take a closer look at the features of X and see whether it has features you need.

I hope that this comparison article has helped you see what features X and Divi offer. I have done my utmost to talk about the best features of both theme solutions, but this is difficult with products such as X and Divi as they are packed with so many options and unique features.

When it comes to my own personal opinion on these themes, please do not take my words as gospel. It is up to you to look at both themes more closely and decide which one is better for you.

What’s your opinion on these popular themes? Please let us know in the comment area below.

Thanks for reading.

Kevin

Kevin Muldoon
Kevin Muldoon is a professional blogger with a love of travel. He writes regularly about internet marketing on his personal blog and on the internet marketing discussion forum Rise Forums.
Kevin Muldoon
Kevin Muldoon
Disclosure: Some of the links in this post are affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission. All opinions however are our own and we do not accept payments for positive reviews.

16 comments

  1. Thanks for this cool and detailed review. I thought I would not find an up-to-date comparison since both X and Divi had recent updates, and your post came right when I needed it. 🙂

    Since you seem to know both themes, I have a question :

    I’m currently in the process of redesigning a website and I was doing it with the brand new Divi 2.4.
    Unfortunately, I ran into a few difficulties : it seems that you cannot easily customize posts without having to define a global module and use it on every post (including the existing ones, of course). I wish there was a template system included in Divi to do it once and see it automaticaly applied to all my existing posts (without having to edit them one by one)… :-/

    From what I understood, X can do that. Can you confirm this ?
    Another question about X : do you know if it possible to mix different stacks in a single site. For example, if I want my front page to look like Integrity and the rest of the pages to look more like Ethos, is that possible, or do I necessarily have to choose one stack againt the other one ?

    It’s hard to find anwsers to those questions without buying both themes, do I hope you’lle be able to help me with those questions.
    Thanks in advance

  2. Both are really great themes and I like using both…. but for me the 2 key things for me are 1. the huge community for Divi and 2. the unlimited licence

    so, I pay once to use Divi (and the plugins) multiple times rather than a one off fee with X. I have joined 3 Divi FB groups (1000’s of members in https://www.facebook.com/groups/DiviThemeUsers) and there are quite a few tips and tutorial sites like. (www.divithemeexamples.com) … X doesn’t have this community support so Divi wins for me.

  3. Great article Kevin, thank you. I’ve been tearing my hair out (metaphorically speaking) trying to decide which theme or framework to commit to. You have really helped, thank you. Looks like Divi will be my choice.

  4. Excellent review Kevin, thanks very much! I’ve been using Divi for about 6 months and it’s very flexible and easy to use. But as you say there is so much to it, I’m still finding new things I can do with it! I was all ready to grab X to until I read the GPL and one site only part.

    I’d be interested to see comparisons with Enfold and Avada, too!

  5. The best part about X IS their forum support. They alway respond within a couple of hours with either minor CSS, the PHP necessary to alter their theme to meet my requirements, or just to a silly question.

    1. The Divi Support is just as good! When I have a question I always get an answer very fast, sometimes just a few minutes! They are very good 🙂

  6. I’m having a great experience with Divi—until someone told me about X theme. Judging from their branding, it doesn’t resonate with me as much as Divi does.
    Anyone here actually tried X and likes it more than Divi?

  7. I’ve used both themes, X a lot more though (6 or 7 times). As the author said, it just depends on what you want. If you don’t know how to use CSS, Divi is certainly your theme. Personally, I want a well written theme, and I really don’t care about 1,000 styling options.

    I want great support. I don’t need a heavy-weight visual composer ( VC or X’s Cornerstone). So maybe I’m not a great person to listen to.

  8. Thank you for this! I’ve recently used both Divi and X for two different clients and I’m pleased with both. However, I prefer the ease of use that the Divi Builder provides over Cornerstone… I’m also not really a fan of VC (don’t shoot me!) I planned on purchasing the one-time lifetime with Elegant themes, but was not impressed that ALOT of the 86 themes aren’t RESPONSIVE… I can understand why, they’ve been around for some time, but then again, I think that will be much better IMHO if they updated ALL the offered themes to be responive/mobile friendly in some way sans the premium mobile plugin they offer. In any case, thank you for this guide, it was extremely thorough and I appreciate it. Well done!

  9. Thanks for such a thorough review! I’ve built a couple of sites with X Theme (Cornerstone), and while I absolutely LOVE the visual drag and drop builder, there are some reasons I’ll likely be switching to Divi for future sites…

    For example, you set what your buttons look like in the customizer, via a global setting. Meaning ALL buttons sitewide look exactly the same. In order to style one differently, you need a good working knowledge of css… I spent a couple of hours trying to figure it out and eventually gave up (and I’ve got basic programming knowledge). Would much prefer to click on a color palette, change the style and call it a day… I shouldn’t need to call a programmer to change the color of a button.

    Also, the header options are non-existent. Divi definitely wins in this area.

    Kind of wish I’d seen this before building with X… it’s a beautiful theme for sure, and Cornerstone is great, but unless you’re a decent coder I’d go with Divi.

    Thanks again for the post – much appreciated,
    D.

  10. I’ve used both themes – X on just two sites, and that’s where I will end it. I found X’s Cornerstone builder to be effective and easy to use, but OMG, was it slow! Just a lumbering process that made me feel like I was riding an elephant rather than a racehorse. Slowed my productivity down considerably on these sites; when compared to my normal completion times…almost double! Not good for a freelancer who isn’t expecting such a slowdown when purchasing a new theme, or for their client when they get the final invoice. Divi’s builder is very efficient and fast. I haven’t yet used any of their premade layouts but I’ve seen several that make my mouth water for a project that they will suit. I’m loving the community — though I don’t have much time to spend there (on the ET site and the one user group on Facebook I joined), they are filled with friendly, helpful and creative people and small agencies with much of value to share. As I see it, Divi’s one drawback is that the gallery images are not retina-ready. This is important to many of my clients as most of them are artists. It really is a pity that such a well made, responsive theme does not provide this capability. I’m hoping they will add this feature soon.

  11. I’ve used X theme for entire sites and Divi now also.

    I wonder if anyone has tried Divi with CornerStone instead of the Divi page builder. I see it’s now available as a standalone. I was considering making this available as an option for my clients who prefer the cornerstone inline page editing but don’t need the entire X theme.

    Regards,

    Tim Sutherland
    Website Consultant

    1. Hi Tim, I have used X Theme a fair bit, and while I do think it is a pretty robust theme/page-builder combo, I find the overall styling of elements a bit ‘meh’…

      So I thought I would look into Divi and see what the fuss is all about. I have found the theme has taken a bit to get used to, especially the “backend only” page building. However, as I understand it, in the not-too-distant-future Divi 3.0 will be dropping and will introduce front-end page building.

      Cheers,
      Sam

  12. I have used X on a large number of sites. I think it is a really great theme framework. The best feature I like is the ability to create mobile specific designs not just adjust your main layout. Does Divi do this? I do like the front end page builder aspect so that sounds like Divi see the value in that if it is coming.

    The main drawback to X is the GPL issue and their relationship with Envato. Maybe they needed that marketplace originally, but they do not need it now. The Envato licensing scheme is cumbersome and the inability to have a developer option is unfortunate. Maybe X should have a alternate version of X that is for developers that they can sell through their own website and then have an Envato specific version for the one and done crowd.

    The continuing cost of X has made me research alternatives and Divi seems to be an option worth exploring further.

Leave a Reply


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