-
AuthorPosts
-
November 19, 2015 at 2:38 pm #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!
November 19, 2015 at 6:35 pm #539147Hey 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,
ElliottNovember 19, 2015 at 6:56 pm #539161Hi Elliot pls see these printscreens.
Masonry Flexible Grid – Looks great
Masonry Perfect Grid – gets chopped off.November 19, 2015 at 11:42 pm #539272Hey!
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,
ElliottNovember 20, 2015 at 3:49 pm #539715Hi 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.
November 24, 2015 at 4:34 am #541320Hi!
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,
IsmaelNovember 24, 2015 at 6:04 am #541329Hi 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!
November 27, 2015 at 7:04 am #543477Hi!
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!
IsmaelJanuary 12, 2018 at 5:33 pm #896637Hello, 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.
January 16, 2018 at 1:39 am #897778 -
AuthorPosts
- You must be logged in to reply to this topic.