Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #539010

    Hi there,

    I added this code to my functions.php

    add_filter(‘avf_masonry_excerpt_length’,’avia_change_masonry_excerpt_length’, 10, 1);
    function avia_change_masonry_excerpt_length($length)
    {
    $length = 300;
    return $length;
    }

    The length is now longer, but when I use Perfect Grid under Masonry, it gets cut off. How can i adjust this?

    Thanks!

    #539147

    Hey janicenisha!

    I checked your link but it looks fine to me, it’s not getting cut off. Take a screenshot and highlight what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #539161

    Hi Elliot pls see these printscreens.

    Masonry Flexible Grid – Looks great
    Masonry Perfect Grid – gets chopped off.

    #539272

    Hey!

    I see what you mean. There is not much we can do there though. There is an option that you can set to have it only display on hover. If you’d like we can also reduce the size via CSS.

    Other than that it would be best to use the regular blog posts element if you want to display large excerpts.

    Regards,
    Elliott

    #539715

    Hi Elliot,

    Oh thats unfortunate. What do you mean by reducing the size? And how can I select the on hover option? Could you share the css I can test out what you mean?

    Am also trying another option that is to use the Blog Grid. Can I increase the length here? Or will I face the same issue?

    I found this on codex but it doesn’t cover the Blog grid.

    function custom_excerpt_length( $length ) {
    return 200;
    }
    add_filter( ‘excerpt_length’, ‘custom_excerpt_length’, 999 );

    One last thing, can I style the blog Grid to resemble the Masonry style? With a coloured box and maybe a shadow?

    Thanks for your reply.

    #541320

    Hi!

    You can increase the masonry height with this:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
        padding-bottom: 150%;
    }

    Adjust the padding-bottom property as needed. Unfortunately, the the blog grid and masonry elements are quite different. They don’t use the same set of scripts so it will take some customization. You can contact our partner, codeable: http://kriesi.at/contact/customization

    Best regards,
    Ismael

    #541329

    Hi Ismael,

    Thanks for your reply, works great. The only thing is the thumbnail images seems to get zoomed in. If you see my earlier screenshot on the flexible grid, am able to see the entire image. Is there any way I can get the images to be shown as is and not zoomed in?

    Thanks!

    #543477

    Hi!

    The masonry images are actually added as background and the background-size property is set to cover which prevents the images from distortion but parts of the images will get cut off as compromise. The actual max width of the columns in your installation is 406px while the actual image width is 700+px. Try to resize the images to the same width (400px) in order to contain it inside the masonry item container.

    Cheers!
    Ismael

    #896637

    Hello, I have a similar issue but with the excerpt displaying too long. I only want the except on masonry elements to display 10 words, so I added this:

    add_filter(‘avf_masonry_excerpt_length’,’avia_change_masonry_excerpt_length’, 10, 1);
    function avia_change_masonry_excerpt_length($length)
    {
    $length = 10;
    return $length;
    }

    You can see on the private link how it does not limit the excerpt to 10 words. Can you help me figure out why?

    I don’t know if this info is helpful, but I have the size settings as Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio.

    #897778

    Hi,

    Did you apply a custom excerpt to each posts? The filter will only work if there is no custom excerpt.

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.