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
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.
Thank you very much, Daniel. This worked. But I also had to remove height:100% from css.