Pinboard Portfolio thumbnails distorted

Viewing 3 posts - 1 through 3 (of 3 total)
  • #19856
    baddog
    Participant

    Hi.

    We are using a child theme of Pinboard. Our portfolio thumbnails are showing up distorted. In Firefox the display is ok after doing the steps below, however in Safari the same images appear in distorted aspect/ratio which even causes the images to bump into a different order. Could you please help with this?

    http://rebeccabluestone.com/bluewp/category/portfolio/

    Overall we are very happy with your theme but we need to get this glitch resolved. A few things we tried already were:

    .format-image figure img {
    height: 100% !important;
    width: auto !important;
    max-height: 300px;
    max-width: 200px;
    }

    .category-filter .wp-post-image {
    width: auto !important;
    height: auto !important;
    max-height: 300px;
    max-width: 200px;
    }

    .attachment-teaser-thumb .wp-post-image {
    height: 100% !important;
    width: auto !important;
    max-height: 300px;
    max-width: 200px;
    }

    We also rebuilt the thumbnails with AJAX Thumbnail Rebuild.

    Thanks a lot

    #19861
    Daniel Tara
    Keymaster

    Since you changed the image size to 200×300 you also need to modify the image size in functions.php:

    add_image_size( 'teaser-thumb', 200, ( pinboard_get_option( 'crop_thumbnails' ) ? 300 : 9999 ), ( pinboard_get_option( 'crop_thumbnails' ) ? 1 : 0 ) );

    Then you need to rebuild thumbnails with this plugin.

    #19928
    baddog
    Participant

    Thank you very much, Daniel. This worked. But I also had to remove height:100% from css.

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

You must be logged in to reply to this topic.