What are the differences between X and Pro in 2018?

Besides header & footer customization. Is there any major difference (besides the plugins that come w/ Pro)?

Can you customize CSS in X to the same level as you can in Pro?

Hello @JDRDigital,

Thanks for asking. :slight_smile:

Pro and X Theme: Apart from header and footer builder, Pro theme comes with design cloud. In version X Pro version 2.2.0 we have also launched Drag and Drop feature in header and footer builder along with inline editing (also available in Cornerstone). Version 2.2.0 also comes with skeleton mode in header and footer builder. I am sharing relevant resources that you can take a look for more information.

  • Design Cloud: Unlike X Theme wherein you have the ability to import demo contents in Pro Theme you don’t have that option. Reason begin Pro Theme uses a different templating system. To solve this we have launched Design Cloud. More information on design cloud can be found here.

https://theme.co/changelog/#theme-pro-2-0-0

Here is a tutorial on how to use Pro Theme design cloud:

https://www.youtube.com/watch?v=QCyqo5YwvNo

  • Pro version 2.2.0: This version comes with the option to inline editing, drag and drop for header and footer builder, skeleton mode for header and footer builder. More information can be found in changelog.

https://theme.co/changelog/#theme-pro-2-2-0-theme-x-6-2-0-cornerstone-3-2-0

  • CSS customisation: Absolutely, you can customize Pro Theme using CSS. However, with the host of features and tools that Pro theme comes with in a very rare scenario you will have to write Custom CSS. However, as website requirement changes there is no limit to the level of customization that’s possible with Pro Theme that includes CSS and GUI tools.

I would encourage you to take a look at the KB section as new articles and resources are constantly bing added. It will help you to get most out of Pro Theme.

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

@Prasant

I am more looking to justify the upgrade from X to Pro. There is a disparaging amount of content that compares the two themes when searched.

To clarify, is the only difference the head/footer tool + this new design cloud or are we given more customization options/tools with Pro?

Thanks,

Hello @JDRDigital,

Thanks for updating the thread.

On a broader level in Pro Theme you get Header and Footer builder, design cloud. With Pro possibilities are limitless. However, it depends on the user and the requirement as to how one is able make most out the tools that are present in Pro Theme. And to help you get most out of Pro Theme our KB section is there (link shared above).

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.