I’m migrating a WordPress site that uses Elementor. Code and DB are migrated. But when I inspect the page, there is a 404 error that a css file related to Elementor can’t be found.
wp-content/uploads/elementor/css/post-8047.css?ver=1670961064 net::ERR_ABORTED 404
I can’t find the file in the directory above, which is odd. I searched the DB also and it doesn’t seem to contain a "post-8047". The name must be constructed somewhere.
Any insight on how elementor creates these files and why this css reference is in the head of the site? How can I update it to another reference? I assume there’s another version of this post.css file that I could point to? Is there any easy way to adjust?
3
Answers
These CSS files are created by elementor for every page. Its name like post-{post-id}.css, in your case its post-8047.css. You can’t find this the database.
This css files contains all styles of that page that we set in elementor settings like color, font etc.
If you can’t find the file in folder then it means there is some folder permission issue.
If your using elementor and if your page css is not found go to
elementor->tools
you can find regenerate file. it will regenerate css files it will solved your problemThe issue for me, occured because I changed the local path. I tried using different find-and-replace plugins, but for some reason it didn’t work for me.
Solution
Elementor stores the font paths in
wp_options
with theoption_name
=kirki_downloaded_font_files
Find it and replace the paths in the
option_value
.