WordPress page broken image paths - wordpress

I made a WP page a while ago (not for me) and all of a sudden most images can't be displayed ...
I took a look into html code and saw that the img paths are all wrong!
Those workig look like: http://www.niebauer.co.at/wp/wp-content/uploads/2013/04/senato-tasse-178x108px.jpg
The ones that DO NOT work: /usr/local/www/apache22/data/niebauer/www.niebauer.co.at/htdocs/wp/wp-content/uploads/et_temp/cool-2015-9941_165x184.jpg
I have NO idea why WP all of a sudden changed those paths. I tried to REUPLOAD some images but it seems, wp does this automatically "wrong". The only working solution I found was to upload them in the EXACT size they will display on the page. So I guess something is wrong with the WP asset manager but I did not change anything.

Related

GitHub Page Custom URL Styling and Pics don't render

My site, Jekyll static pages and a blog, https://omnebonum.github.io/dsu/ on GitHub pages looks like it is supposed to (such as it is). I have a custom URL set up that points the repo to democracystraightup.org. That works but when I go that URL the pages show up without any CSS or pics.
I know this isn't super specific information, but you can check them both out if you like, and any general insights would be appreciated.
All your css, javascript and other assets are returning 404 errors:
The paths are all pointing to subdirectories of http://democracystraightup.org/dsu/ (e.g. http://democracystraightup.org/dsu/js/gallery.js).
Thats wrong.
You need to drop the /dsu to make it work.
For example http://democracystraightup.org/js/gallery.js works totally fine.

CSS file on FTP and in browser are different

I'm really confused as to why my browser is not updating my CSS? I've viewed it on other computers/browsers and cleared the cache but the CSS doesn't seem to update in the browser even if it is already updated via FTP.
Here's the link to the github environment that displays correctly:
https://melvinalvarez.github.io/archive2.0/
Here's the link to the url where it doesn't show the changes:
https://www.melvinalvarez.com/
the "image.css" file is not updating in the browser even if it looks updated in the FTP?
What could be the problem? I updated the files together with my index.html but the css files are the ones that does not seem to update.
I attached screenshots of the difference in the css file that does not seem update on the browser. This is what displays via FTP (I use Forklift which I think is similar to FileZilla)
image-one
and then here is what the browser displays (the css code that links the image to the blank div is missing)
image-two
Hope you can help!
I found out that this was a CloudFlare issue and purging their cache would solve the css mismatch. Hope this helps anyone encountering the same problem.

Anchor # not working in Chrome and Opera(FF works)

Have strange issue with website, and i am strongly convinced it worked before. (Do not know if it started to happen after WP update)
Have one page website with linking within homepage (#section1, #section2), and menu is linked to sections.
Suddenly, i realized in Chrome and Opera, menu clicking leads nowhere.
Firefox working perfectly, IE, Safari too.
No JS errors in console, can't find an issue.
Anybody can help me?
Link for site
You can try to fix the broken anchor links in your wordpress website like this:
Go to https://github.com/flesler/jquery.scrollTo and get these 2 files: jquery.scrollTo.js and jquery.scrollTo.min.js
Go to your website's file system and find the subfolder: /wp-content/themes/YOUR_THEME/js/libs OR /wp-content/themes/YOUR_THEME/javascripts OR just search in your wordpress website's filesystem for these 2 files:jquery.scrollTo.min.js & jquery.scrollTo.minf915.js and remove them.
Copy in that folder the 2 files of step 1.
Credits to Mike Some and Andrei Sergheev for finding the solution.
This works:
Instead of using this:
/#your-anchor
or this:
http://yoururl.com/#your-anchor
You have to use this:
http://yoururl.com/index.php/#your-anchor
with the index.php in the url

Css background Wont work?

I have a question.
I am currently building a "blog" website. Not that it matters but..
I am trying to set my background to be a specific image that i have.
And it used to work! Until recently and I just don't know why it wont.
It works when i am on my computer, everything works fine.
But i am using 000Webhost as the hoster for the website.
So if u go to "http://pontuslundhblogg.uphero.com/"
You might see that the website is completely white. Cause the picture wont load for the background.
In my css sheet, i am using:
body {
background-image: url("bakgrund.jpg");
And yes, i did name the picture bakgrund.jpg and uploaded it to 000webhost. Its the exact same name etc. I wondering.. Could two different css stylesheets make so it gets weird or something? Cause I added a second css style sheet to be able to have a drop-down menu in a different sheet, and i added the drop-menu. Around that time it started messing with me..
Is it me doing something wrong.
Or is it 000Webhost?
(Might add that none of my pictures is working now, i can also contribute with more code if needed!)
If you go to pontuslundhblogg.uphero.com/bakgrund.jpg you get a message
"The image pontuslundhblogg.uphero.com/bakgrund.jpg cannot be
displayed because it contains errors".
If you go to pontuslundhblogg.uphero.com/bakgrund1.jpg you get 404 page, which means that the first path (bakgrund.jpg) is correct - but the image itself isn't good.
Try to upload it again or contact the hosting service.
If you use FTP maybe you need to change something in your FTP program settings - maybe change from ASCII to Binary transfer.
http://www.inmotionhosting.com/support/website/file-management/corrupt-file-ftp-transfer

Specify Relative location of images

Some fun stuff happened this morning at work. We don't have a backup for our Wordpress site and a user updated the theme. We are using Atahualpa 3.7.12 and upgraded to 3.7.14. Soon after the update, the images were lost and started displaying some default ones.
My images have this form
http://<website>/wp-content/uploads/2013/06/Tractor.png
http://<website>/wp-content/uploads/2012/05/home-header.png
but when I look in the debugger I see it points to
http://<website>/wp-content/themes/atahualpa/images/2013/06/Tractor.png
I have no experience with Wordpress and trying to restore the images. I am looking at
Atahualpa Theme Options -> Image Location -> Relative location of images which has the Default.
I changed it to the following:
Relative location of images? wp-content (which is the only other option in the dropdown)
Images Directory to uploads but the image is still not showing up.
Can someone please help?
One thing to try is resaving permalinks. Goto Settings >> Permalinks and hit save. Sometimes resaving these helps. Not a guaranteed solution here, but worth a try.
Alternatively, after playing with the settings in Atahulpa Theme Options you should go to your site to one of the pages that has missing themes. Using Google Chrome, right click the image and hit Inspect Element. This will show the HTML for the path that is is trying to point to. You can then see if your settings in theme options is getting you anywhere.

Resources