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.