Tecnologia

Published on November 9th, 2013 | by admin

0

Problem wordpress Facebook Comments by Fat Panda iframe with wp News Grid theme eqHeight.coffee JS. Solved!

I have installed wp News Grid theme with Facebook Comments by Fat Panda on my site http://graduaciones.graduacion.com.mx/2013/graduaciones-casa-del-corregidor-graduacion-com-mx/ the problem is when iframe of facebook comments by fat panda get later than rest of page. the comments appear above footer:

facebook-comments-fat-panda-problem

Reading i discover that this theme use a JS library to make same height to all rows called eqHeight.coffee https://github.com/jsliang/eqHeight.coffee its useful for responsive web design. I found all rows where that script work in my theme in file equal-heights.js:

 

jQuery(document).ready(function() {

jQuery(“.row.section-main”).eqHeight(“.grid-post”);

jQuery(“#secondary-single-wrap”).eqHeight(“.single-page”);

jQuery(“.row.section-main”).eqHeight(“.single-height”);

jQuery(“#section-info”).eqHeight(“.about”);

jQuery(“#eq-wrap”).eqHeight(“.eq-single”);

jQuery(“.first-main-below”).eqHeight(“.col-6”);

jQuery(“.main-below”).eqHeight(“.below-height”);

jQuery(“#colophon”).eqHeight(“.col-12.col-sm-6.col-lg-3”);

jQuery(“.blog-front”).eqHeight(“.cat-front”);

jQuery(“.footer-top”).eqHeight(“.yossarian”);

});

To fix the problem i made a time interval of 5 secs to function eqHeight, adding equalize_interval: 5000 to every line where function were called, the final file:

jQuery(document).ready(function() {

jQuery(“.row.section-main”).eqHeight(“.grid-post”, {equalize_interval: 5000});

jQuery(“#secondary-single-wrap”).eqHeight(“.single-page”, {equalize_interval: 5000});

jQuery(“.row.section-main”).eqHeight(“.single-height”, {equalize_interval: 5000});

jQuery(“#section-info”).eqHeight(“.about”, {equalize_interval: 5000});

jQuery(“#eq-wrap”).eqHeight(“.eq-single”, {equalize_interval: 5000});

jQuery(“.first-main-below”).eqHeight(“.col-6”, {equalize_interval: 5000});

jQuery(“.main-below”).eqHeight(“.below-height”, {equalize_interval: 5000});

jQuery(“#colophon”).eqHeight(“.col-12.col-sm-6.col-lg-3”, {equalize_interval: 5000});

jQuery(“.blog-front”).eqHeight(“.cat-front”, {equalize_interval: 5000});

jQuery(“.footer-top”).eqHeight(“.yossarian”, {equalize_interval: 5000});

});

I home this solution its useful, sorry my english isn’t good.


About the Author



Back to Top ↑