TroubleshootingBlank Template

Why My Imported Template is Blank?

Fix a blank Elementor template after importing a UiChemy export, Flexbox container and MySQL packet size.

Sometimes when you import an Elementor template (large size) exported through UiChemy, it shows blank even though the JSON file has the data. This usually happens for one of two reasons.

Elementor Flexbox Container Not Enabled

One of the main causes of a blank template is that the Elementor Flexbox Container isn't enabled. UiChemy exports your Figma layout using Flexbox containers, if this option isn't enabled in Elementor settings, your template may show blank.

Solution: From the Dashboard, go to Elementor → Settings → Features, select Active from the Flexbox Container dropdown, and save.

Enabling the Flexbox Container feature in Elementor settings

Low MySQL max_allowed_packet Size

In MySQL, max_allowed_packet limits how much data can be sent to or received from the database in one go. If your data exceeds this limit, it won't work properly and may cause errors.

We recommend setting max_allowed_packet to greater than 5MB. A lower limit can cause this issue, especially when importing a large template.

This usually shows up on local development setups. Here's how to increase it on the most common ones:

Wamp

  1. Start the Wamp server.
  2. Click the Wamp icon in the taskbar.
  3. Go to MySQL → MySQL settings → max_allowed_packet and select the desired value.
  4. Restart MySQL for the change to take effect.

The WAMP max_allowed_packet setting

Xampp

  1. Open the Xampp Control Panel.
  2. In the MySQL row, click Config → my.ini.

Opening my.ini from the Xampp Control Panel

  1. Search for max_allowed_packet, you'll find it in a couple of places. Update the value (use the same value for both instances) and save.
  2. Restart MySQL for the change to take effect.

Editing max_allowed_packet in the my.ini file

LocalWP

  1. Start the LocalWP app.
  2. Select the site from the left panel, and click Go to site folder.

Navigating to the site folder in LocalWP

  1. Open conf → mysql, and edit the my.cnf file, search for max_allowed_packet and update the value, then save.

Editing max_allowed_packet in my.cnf

  1. Go back to conf → php, and add or update max_allowed_packet in php.ini, then save.

Editing max_allowed_packet in php.ini

  1. Click Stop site, then Start site in LocalWP for the changes to take effect.

Live server

Most good web hosting has a sufficient max_allowed_packet value for importing decent-sized templates. If you're still hitting this issue on a live server, the best option is to contact your hosting provider and ask them to increase it.

Frequently Asked Questions

Why is my Elementor template blank after importing?

Most often the Elementor Flexbox Container isn't enabled, UiChemy exports using Flexbox containers, so this setting needs to be on. Go to Elementor → Settings → Features and select Active from the Flexbox Container dropdown.

What should I do if my MySQL max_allowed_packet size is too low?

Set it to greater than 5MB in your server configuration, the exact steps depend on whether you're using Wamp, Xampp, or LocalWP.

What common mistakes lead to blank templates in Elementor?

Not enabling the Flexbox Container, and a low MySQL max_allowed_packet size, always check both before importing a larger template.

How can I increase the max_allowed_packet size in Xampp?

Open the Xampp Control Panel, click Config → my.ini in the MySQL row, search for max_allowed_packet, update the value, save, and restart MySQL.

Was this page helpful?