Blog masonry aligned

  • Posted in : Read WP
  • emocion
    Participant

    Hi, again

    Is it possible to create a blog masonry aligned with the aligned elements such as the right of the image without taking different heights as default?

    https://imageshack.com/i/ez1V6Kb8j

    Thank you very much for support.

    emocion
    Participant

    Hello

    I’ve been testing and the possibility to do it manual is write an excerpt of the same length and use featured images of the same size so that they are at the same height.

    Is this the only possibility?

    Thank you :)

    emocion
    Participant

    I found a example with aligned at the same height but different excerpt length of images, titles and texts >>

    https://imageshack.com/i/hjMmpmVMj

    Is that possible in read wp theme?

    Thanks!

    Mehmet S.
    Keymaster

    Hi,

    – open js/main.js file.

    – find:

    // BLOG MASONRY
    // cache container
    var blogAnimEngine = $.browser.mozilla && $.browser.version > '2' ? "jquery" : "best-available";
    var $containerBlog = $('.blog-masonry');
    if($containerBlog.length) {
    	
    	$containerBlog.imagesLoaded(function() {
    		
    		setMasonryBlog();
    		$(window).resize(function() {
    			setMasonryBlog();
    		});
    		
    		// initialize isotope
    		$containerBlog.isotope({
    		  itemSelector : '.hentry',
    		  layoutMode : 'masonry',
    		  animationEngine : blogAnimEngine
    		});
    		
    		setTimeout(function() { setMasonryBlog(); }, 1000);
    	
    	});
    	
    } // if($container.length)
    

    – edit layoutMode to:

    layoutMode : 'fitRows',
    
    emocion
    Participant

    Mehmet THANKS again!!!!!

    Mehmet S.
    Keymaster

    You are welcome.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register