Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 3, 2013 at 4:08 pm #195808
    fitzpatrick512

    I’d like to use SQUARE images on my grid blog, instead of the “portfolio” size images, which are slightly wider than they are tall. In the theme’s functions file, I can see that the “masonry” size crops to a square.

    I’ve tried to modify the blog.php template file, changing “portfolio” to “masonry” but this doesn’t have any effect.

    Can you please point me in the right direction?

    December 4, 2013 at 4:01 pm #196160
    Yigit

    Hey fitzpatrick512!

    Can you post a screenshot and show the changes you would like to make? I am not sure if i understood you clearly

    Best regards,
    Yigit

    December 4, 2013 at 4:23 pm #196184
    fitzpatrick512
    This reply has been marked as private.
    December 5, 2013 at 7:56 am #196560
    fitzpatrick512

    Is my question clear now?

    December 5, 2013 at 11:38 am #196614
    Ismael

    Hi!

    After changing the portfolio thumbnail size on functions.php, you need to regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

    You can add this on your custom.css or Quick CSS:

    .attachment-portfolio.wp-post-image {
min-height: 208px;
}

    This will make the thumbnails square on this page: http://www.austinpsychfest.com/apfenfold/news-and-events/

    Best regards,
    Ismael

    December 6, 2013 at 1:07 am #196819
    fitzpatrick512

    I don’t want to change the portfolio image size, I want to use a different size on the blog.php page. I only want the blog images to be squares. The portfolio images should continue to use the portfolio size.

    I want to change the size being called for the grid thumbs in blog.php

    December 6, 2013 at 6:25 pm #197052
    fitzpatrick512

    How can I change the image size that is used on blog.php ? Where is the image size called there for the blog grid?

    I DO NOT want to change the size being generated in functions.php, because I want to continue to use those sizes on my portfolio pages, I ONLY want to change the size of the images on the blog.

    December 8, 2013 at 2:36 am #197543
    Ismael

    Hey!

    Edit config-templatebuilder > avia-shortcodes > postslider.php, find this code on line 240:

    if($preview_mode == 'auto') $image_size = 'portfolio';

    Below, add this code:

    if($preview_mode == 'auto') $image_size_blog = 'blog_grid';

    Go to line 277, find this code:

    $thumbnail = get_the_post_thumbnail( $the_id, $image_size );

    Replace it with:

    $thumbnail = get_the_post_thumbnail( $the_id, $image_size_blog );

    Edit functions.php, add this code at the very bottom:

    $avia_config['imgSize']['blog_grid']= array('width'=>208, 'height'=>208 ); // blog grid images

    Regenerate the thumbnails. The Blog Grid will now use the “blog_grid” thumbnail with 208 by 208 px dimension.

    Cheers!
    Ismael

    December 9, 2013 at 5:04 am #197887
    fitzpatrick512

    thanks for this!

    December 9, 2013 at 5:10 am #197888
    Ismael

    Hey!

    Glad it worked. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Square thumbnails on grid blog’ is closed to new replies.