After moving a wordpress site i noticed it didnt look the same so i figured there would be something wrong with a css file, turns out one of the css files of the lambda theme has a bad request and the request URL is constructed weirdly.
The left screen is the one after moving and the right screen is the fully working one that was moved.
Any suggestions?
The problem here is obvious (even thought the solution is not so obvious), There is a incorrect link to the css file on the page:
http://www.laakland.nl/wordpress4/D:/www/laakland.nl/www/wordpress4/wp-content/uploads/lambda/stack-493.css?ver=4.8.1
Since you said you didnt know where this is coming from, you can start here:
Check header.php to see if the CSS is added directly
Check functions.php to see if the CSS file has been added there using wp_register_style
Any plugins might have added this too, so you might check there too.
For convenience, use an IDE to search for the text stack-493.css on the whole wordpress folder to see if you find the file where it is being added from and then fix the link there.
Oke i fixed it, i tried the whole migration through duplicator plugin process again, but on step 3 of importing, i removed 'path' (which was "D:/www/xxxx.nl/www/wordpress4") so that after removing that, i thought it wouldnt add the unnecesary part from amit's answer.
thanks all!
Related
Here I am adding images of my work. I stuck here because after removing CSS it's still working.
see in this image.In this image it has width:30% when I have been removed in my project my source file. How can I remove it? what is the problem that I found this type of error?
I have also checked to do a hard refresh(ctrl+f5)
Make sure you save your file. It looks like the file hasn't been saved yet.
I have been getting this weird problem where, when I upload a new CSS file to the public_html folder in cPanel, it is not updating on the website.
Whats really weird about it was that I uploaded the entire website again. Every html file, every folder, everything. And when I checked the CSS file it was the updated version, but the browser was somehow reading the old one.
To fix this issue I had to change the name of the CSS file (in all of the html files too because without it they were still using the old one even tho it was nowhere in the folder) and re upload the whole website again.
So, am I missing something here? Is this supposed to happen? Or is this actually weird and shouldn't happen at all?
I've also run into this problem. It seems to be a caching issue. Trying this person's trick is how I narrowed it down to being a caching issue:
https://www.sitepoint.com/community/t/css-html-files-updating-on-cpanel-but-not-on-website/271683/5
Smells like cache to me.
If your recent changes are NOT there, then play a trick on the URL by changing the path a little. For example if the path was /themes/mytheme/assets/custom.css or whatever it is, change the version and do something like /themes/mythemes/assets/custom.css?v=1234567
By changing the URL in this way, it would bypass any kind of cache that would be looking for the previous URL. In other words, you should now see your correct CSS file.
Unsure what has happened with the site layout but from what I can see, within the style.css file, right at the top of the file, the following two lines:
#import "css/reset.css";
#import "css/layout.css";
are not being called or ignored.
The funny thing is, is that this used to work fine but no longer does as no changes have been made to the site since mid 2012.
The WordPress site is: http://solarinstallations.com.au/
Any ideas why the import css/layout.css is being ignored within the style.css file as I can't see what it might be.
Appreciate people's comments/assistance. In the end, I found that there was nothing actually wrong with the stylesheet in question but actually a corrupted header.php file.
Simply replaced it with a copy I had backed up a while ago and now all is fine again.
For some reason my Application isn't finding my glyph-icons in my Aseets folder. This is the message that I'm receiving
ActionController::RoutingError (No route matches [GET] "/assets/images/glyphicons-halflings.png"):
I'm sorry if this is a stupid question and or it's already been answered, I'm fairly new to rails and I just can't seem to figure it out.
It depends on what you are using. Try adding this to your application.css.scss or whatever file you are using to override some bootstrap stuff.
[class^="icon-"], [class*=" icon-"] {
background-image: url(/assets/glyphicons-halflings.png)
}
My guess is that it's not searching in the right location. So figure out where it is and then just direct the link there.
If your view code called /assets/images/glyphicons-halflings.png, it would look for them in that absolute path. Posting your view code and your application.js/application.css files would be helpful
well the default location of that file is in img. Are you sure it isn't in assets/img?
considering that the file is a sprite sheet i'm not sure why you're trying to load it in something like an image tag.
if you are trying to use the images like the bootstrap site advises you to do (here) you may need to go into your bootstrap.css file and edit the path that looks for the glyphicons-halflings.png file. the default path is "../img/glyph.png" which would probably be stopping your images to show up (if thats what you're trying to do)
There are many right answers. But to fix this problem you should do the followings:
go tot he public folder (not the asset)
create a folder call img
place your graphicons in that folder
that should work
I ran into this problem while trying to use a manually installed version of 2.3.2 bootstrap. In the bootstrap.css file it, if you CTRL/command + F for 'glyphicon', you will see that it will be looking for url(../img/glyphicons-halflings.png)
You need to change the two found instances to url(/assets/glyphicons-halflings.png)
I tried changing the original (../img/glyph...) to many things, only /assets/glyph... worked
I'm sure there is a very simple explanation for this but... How do I add a background image to my Joomla site? I am using a modified version of Atomic. The obvious thing to do would be to simply go into the template.css file and add a background-image property to my body or divs... however, it doesn't take. If I change the background color however that works fine. Perhaps the path is incorrect but I've tried it a hundred times and I doubt I'd get the path wrong every time. I've even tried placing the image file in the root folder, thus eliminating the possible mistyped path to the file.
Any ideas?
Thanks.
Editing the template CSS file is definitely the way to do it. This should help -
Folder to put image in:
JOOMLA FOLDER/templates/atomic/images
CSS to use:
#ID.class{background:URL(../images/background.png);}
If that doesn't work, post a link so we can debug for you.