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?
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 problem
The 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 the option_name = kirki_downloaded_font_files
Find it and replace the paths in the option_value.
Related
Hello Stackowerflow comunity.
I am suffering from the issue which is "Failed To Load Resource" inside wordpress.
When I close the elementore, all the contents of my website goes break and when i reopen it the website looks great.
In this period what happen is, inside my wordpress directory wp-plugings/upload/elementore/css it contain all css files of elemetore all css files removed auotomaticaly and
when i reopen the elementore all file comes up
What to do ?
I'm assuming your site is breaking down when you deactivate the Elementor plugin. It is common for plugins to remove codes/files generated by them when they're deactivated.
If you need to deactivate the Elementor plugin, yet keep the styling:
What you can do is:
copy all the codes from the css files in wp-content/uploads/elementor/css and paste them in one of the css files in your child theme, or in the theme settings or customizer. (Make sure that all the css code has proper selectors instead of pseudo selectors).
I am wondering why I am not unable to make changes; I already tried several things yet, I don't seem to be able to update the CSS, the following I did already:
There is no Editor, so I am unable to make changes via there.
I am an Administrator and have access to cPanel.
I made changes via ../wp-content/theme/my-theme/style.css and no changes were made.
I empty my cache via plugin and hard reload my Chrome, Firefox and Safari. And no changes were made.
Is there any other solutions? I already found the file which contains all the styles. I would try to add my own class, and see if I am to see if there is any effect.
First thing first, From cPanel you can navigate to your website from the fileManager, use it to make code changes and then save them. You need to clear the cache everytime you make changes (i usually do it from the browser (in chrome, open the dev console, then long press on the refresh button and select the bottom one)
If the changes are still not showing on your site, I think that maybe you are editing the wrong CSS? Is this your theme and are you 100% sure you are editing the right file and, for example, it's not overwritten by a child theme or something else?
If you are using any framework, maybe your property is overwritten by your framework (for example, by bootstrap). To check this, open the console or try to add !important in your CSS file.
Just as an example, when I develop a theme I leave the root style.css with only the theme definitions, and then I create different stylesheets in a different folder. This leads me to the next question: are you enqueue your file correctly? is it even loaded by WordPress?
to check this I usually inspect the code in and search for the id of the file I enqueued from my functions.php.
Unfortunately, without more details, this is the only things I could think of when developing and WordPress theme and make changes from cPanel. Hope some of this can actually help.
Please check following options
Permission of file at ../wp-content/theme/my-theme/style.css.
Grab the css and open in Dream-viewer or sublime is there any css syntax issue.
Also the path of style.css in header is show same by view source.
Or
Even you can use the plugins which allow to add custom css without toching the server check this plugin https://wordpress.org/plugins/simple-custom-css/
I am using a Foundation-based wordpress theme: FoundationPress.
Just can't understand what caused this:
JS codes are set to be loaded conditionally in functions.php but today every of them is loaded by every page in a folder called "source", which only existed in Chrome's Dev tool window.
Some of the errors might come from duplicate variables or functions.
If I edited the same filename from which it actually located, nothing changed.
How do I fix them?
Thank you!
javascript file to assets folder
See = Github FoundationPress
If the problem continues to re-install.
I just added the qTranslate plugin to my WordPress site, but now, when I switch to another language in the menu, the CSS colors from the menu and buttons return to default. (Only in the new languages)
http://www.gasolina.me
Further inspection on the elements shows me that the browser is looking for the css (selection.php) inside the /es/ or /fr/ directories, but since its not there, the colors revert to the default, from another CSS file.
All the other CSS are fine (downloaded from the correct location), its only selection.php
I tried manually adding the file in a NEW /es/ directory but it messes the home page and displays an error when I add that directory.
The file marked as "initiator" (in my browser inspector) for the CSS file is not calling the /es/ directory in the href link for the php CSS file. So I don't know where to fix the mistake. Since all the other CSS files that are called from that same file are not being looked for inside the language directory.
Any thoughts?
Ok, so the solution was to add the php extension to the qTranslate ignore links settings inside the advanced settings. So that php files don't get translated (or their address location, rather)
I think I'm having a ghost here or maybe I'm to newbie to figure out how to fix the issue. So, in my index.html I'm linking a css file which doesn't exist anymore and when I open the index page Django still renders it. Also, if I try too create it again and styling different it doesn't work nor to link another file, simple don't work, don't wanna recognize it. It's like the old file is saved somewhere and I cannot override it.
Do you have suggestions? I tried everything what came to my mind, even deleted and recreated the db.
Thanks!