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

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

Related

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.

WordPress page broken image paths

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.

Hyperlinks in my wordpress site are not working

I have moved a wordpress site from one domain to another domain.
I have a problem now. All menus in my site are not working at all.
These are simple xyz. When I click on a link it does not redirect me to new URL, nothing happens.
http://syslotix.com/getarate/
Any suggestions?
jQuery is missing. You need to make sure that you replicated the file structure properly.
I tested it by typing
http://syslotix.com/getarate/nj-mortgage-rates-new-jersey/
It works well. Then I looked into it
NJ Mortgage Rates
When we clicked this href, it also worked well. So it maybe not the link problem. Could be the problem of html or javascript or just your browser
Test it with other web browser or add <div></div> around <a>your link</a>. Let's see if it's the same result
If it still does not work. Check if your have copied all the .js files in your server. Sometimes we will forget them and just copy the html and css files

Code needed for htaccess redirect in WordPress

I've been fixing a strange htaccess issue on my client's WP sites. I found a solution by putting the ReWrite code in the htaccess of each site and then adding a custom permalink code in permalinks and it seems to work EXCEPT for one section.
There are a total of 9 sites with this issue. All of them have a highlights plugin on the front page that's pulling story and images and displaying them on the home page and then a link that goes to the story full page. For my above permalink fix, out of the 9 sites, my fix works on 5 of them but on 4 of them in the highlights section, when you click a link I'm getting a 404.
The strange thing is, with my above fix, the highlight page still publishes, but not with my fix. For example, when you click the "fixed" link it should open as:
mysite.com/central/index.php/highlights/my-page
...but I get a 404. But all I have to do is delete the "index.php" in the above, and the page itself still works:
mysite.com/central/highlights/my-page
So what I now will do is write re-write code and put it in the root htaccess file so that when the page:
mysite.com/central/index.php/highlights/my-page
...is called it will re-write to:
mysite.com/central/highlights/my-page
...and that should fix this pesky issue. Here's the catch - I'm not good at writing code and I used my own hosting company's re-write generator to create a sample for me to see but I can't use it to generate what I need because it only generates for my domain. Since I don't know how to post code to this forum, below is a snap shot of it:
http://designerandpublisher.com/images/rewite-code.jpg
Is there a place where I can just copy and paste the URLs and it will generate the code so it looks like the above snap shot? Or is there some kind of tutorial of what / and \ and dollar signs and the periods and why they're there? I used to set up redirect code a lot simpler than this but it seems more complex now and i'm just hoping there's some kind of generator? Thanks for any assistance.
Adding the following rule should work:
RewriteRule ^central/index.php/(.*) /central/$1 [R=302]
it should turn mysite.com/central/index.php/highlights/my-page to mysite.com/central/highlights/my-page
(Change R=302 to R=301 when you are sure the redirect works)

FitVid not working for iframes only on particular WP theme install

I am using FitVid in my theme and all is well except for a specific site that was migrated from Drupal. FitVid works fine with objects and embeds but not iframes, and only on this particular site. The only difference I can find is that a random <noscript> is inserted after the iframe.
Here is an example of the non working iframe on the problematic site:
http://wp.alimomeni.net/project/animal-warmth-no-64/
And here is an example with a different database where no shows up:
http://wpfolio.notlaura.com/project/pollen-from-hazelnut/
Why is FitVid not working for iframes that particular site install? I am concerned there is an issue with the database itself as the content was pretty messy after the initial migration and I haven't been able to replicate the issue anywhere else.
Any help greatly appreciated!
P.S. I have tried other responsive video plugins and my own jQuery to wrap the iframes.
edit
Since the first "problem"'s being resolved, here's another try:
I saw that your fitVid-JS is different from mine. Maybe on purpose, but maybe it's outdated somehow. Here's what I am using in my script which works - for me:
(function($){$.fn.fitVids=function(options){var settings={customSelector:null};if(!document.getElementById("fit-vids-style")){var div=document.createElement("div"),ref=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0],cssStyles="­<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>";
div.className="fit-vids-style";div.id="fit-vids-style";div.style.display="none";div.innerHTML=cssStyles;ref.parentNode.insertBefore(div,ref)}if(options)$.extend(settings,options);return this.each(function(){var selectors=["iframe[src*='player.vimeo.com']","iframe[src*='youtube.com']","iframe[src*='youtube-nocookie.com']","iframe[src*='kickstarter.com'][src*='video.html']","object","embed"];if(settings.customSelector)selectors.push(settings.customSelector);var $allVideos=$(this).find(selectors.join(","));
$allVideos=$allVideos.not("object object");$allVideos.each(function(){var $this=$(this);if(this.tagName.toLowerCase()==="embed"&&$this.parent("object").length||$this.parent(".fluid-width-video-wrapper").length)return;var height=this.tagName.toLowerCase()==="object"||$this.attr("height")&&!isNaN(parseInt($this.attr("height"),10))?parseInt($this.attr("height"),10):$this.height(),width=!isNaN(parseInt($this.attr("width"),10))?parseInt($this.attr("width"),10):$this.width(),aspectRatio=height/width;if(!$this.attr("id")){var videoID=
"fitvid"+Math.floor(Math.random()*999999);$this.attr("id",videoID)}$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent(".fluid-width-video-wrapper").css("padding-top",aspectRatio*100+"%");$this.removeAttr("height").removeAttr("width").css({'width': '', 'height': ''})})})}})(window.jQuery||window.Zepto);
Sry for minified code, I only copy & pasted it.

Resources