Feature: update urls in hardcoded Elementor files during site migration using Updraft Migrator
Reason: currently these urls are not updated during a site migration with Updraft Migrator resulting in non loading images.
The Elementor page builder stores urls of some images in css files. These css files are updated upon every save and contain hardcoded urls to the images.
During a site migration these urls are not updated by the Updraft Migrator.
Unless you look into the issue it appears Updraft is at fault. After some research I found this is a use case that Updraft does not handle.
Please have a look at this post by Elementor: https://docs.elementor.com/article/467-site-migration
“(…)Migrating Background Images: Background images are saved in a CSS file which has an absolute URL.(…)”
I only found this information after having migrated several websites where the background image urls would not be updated after a site migration using Updraft. As I expected Updraft to handle this I thought this was a fault in your Migrator tool. Even though it is debatable wether Elementor of Updraft is to blame, I did get a negative impression of Updraft. I can imagine I am not the only one. As Elementor is quite popular it would be beneficial for Updraft to somehow handle changing all urls for an Elementor site migration. Maybe as an extra tool or setting in the Migrator?
The alternative solution is as follows but requires additional steps after having migrated the website using Updraft:
Step 1 – Elementor -> Tools -> Replace URL -> https://localhost/ -> https://example.com -> Replace URL
Step 2 – Elementor -> Tools -> General -> Regenerate CSS -> Regenerate Files & Sync Library -> Sync Library