Classic ModeBlank Template

Why Is My Imported Template 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.

Setting max_allowed_packet to greater than 5MB is recommended. 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

Was this page helpful?