My uploaded images for my portfolio are 1000px x 1000 px.
I have used the following custom CSS to change the small thumbnails (they were previously cropped vertically)
.portfolio-preview-image {
width: 500px;
}
This fixed the small thumbnail icons, but when I click on one and the AJAX portfolio opens, the image is cropped. How do I fix this?
Thanks!
Hey barnestechprod!
Thank you for visiting the support forum.
I’m sorry but your website is not loading properly. The css modification above will only affect the ajax preview image not the portfolio thumbnails. Do you mind providing a screenshot? I’ll ask the rest of the support team to check.
Best regards,
Ismael
Here is a link to a screenshot
http://tinypic.com/r/11cazpz/8
As you can see, the top and bottom of the AJAX image are cut off when compared to the small thumbnail below.
Thanks for the help
Hey!
It should be getting cropped based on the functions within the theme for creating thumbnails. You can change them with this plugin and also do the image regeneration that is required from the plugin as well: http://wordpress.org/extend/plugins/simple-image-sizes/
It should be 710×575 by default which comes from this line:
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 );
Cheers!
Devin
That worked great! Thanks for the help.