RTL Portfolio - Archi
Hello,
I will guide you to solve this problem, please do follow step by step below :
1, Open file designesia.js (path: archi/js/designesia.js) :
Find line code "filtering gallery" and change by:
// modify Isotope's absolute position method $.Isotope.prototype._positionAbs = function( x, y ) { return { right: x, top: y }; }; // -------------------------------------------------- // filtering gallery // -------------------------------------------------- var $container = jQuery('#testimonial-masonry'); $container.isotope({ itemSelector: '.item', }); var $container = jQuery('#services-masonry'); $container.isotope({ itemSelector: '.item', }); jQuery('.archi-image-gallery').isotope({ itemSelector: '.item', }); var $container = jQuery('#gallery'); $container.isotope({ transformsEnabled: false, itemSelector: '.item', filter: '*' }); jQuery('#filters a').on("click", function() { var $this = jQuery(this); if ( $this.hasClass('selected') ) { return false; } var $optionSet = $this.parents(); $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected'); var selector = jQuery(this).attr('data-filter'); $container.isotope({ filter: selector }); return false; });
2, Open file rtl.css (path: archi/rtl.css) :
Add this code below:
/** * 6.0 - Portfolio */ .isotope .isotope-item { -webkit-transition-property: right, top, -webkit-transform, opacity; -moz-transition-property: right, top, -moz-transform, opacity; -ms-transition-property: right, top, -ms-transform, opacity; -o-transition-property: right, top, -o-transform, opacity; transition-property: right, top, transform, opacity; } #gallery{margin-right: -1px;}
3, Open file functions.php (path: archi/functions.php) :
Find line code :
wp_enqueue_script("isotope", get_template_directory_uri()."/js/jquery.isotope.min.js",array(),false,true);
Replace by this code below:
wp_enqueue_script("archi-isotope", get_template_directory_uri()."/js/jquery.isotope.min.js",array(),false,true);
Thank you