-
Posts
-
Hi,
How can I stop featured images from cropping? I’d like them to keep their aspect ratio. I’ve looked through some of the posts here and done the following:
I’ve added the Simple Image Sizes and turned off cropping on
featured size
featured_large size
extra_large sizeand then added the CSS
.big-preview {
display: block;
padding: 0;
}.big-preview.single-small .attachment-large.wp-post-image {
width: 100%;
}But this doesn’t stop featured images from being cropped.
Can you help?
Thanks
Phil
Hey philthebass!
Look around line 170 in the /enfold/functions.php file.
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);Try setting the crop to false on all of the images sizes and then regenerate your thumbnails with this plugin, http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Cheers!
ElliottI’m having the same problem.
You can see it here: http://www.jillgottenstrater.com/create_change/
(login provided privately)I added the following code to my Enfold Child Theme Functions
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36, 'crop' => false); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180, 'crop' => false); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430, 'crop' => false); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630, 'crop' => false ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500, 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400, 'crop' => false ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185, 'crop' => false ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684, 'crop' => false ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375, 'crop' => false ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705, 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321, 'crop' => false); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423, 'crop' => false ); // images for fullsize pages and fullsize slider $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);I would like to display the featured image uncropped. Also, its not spanning the column width.
Hey!
Please install the following plugin then go to the Settings > Media panel. Adjust the thumbnail sizes and turn on/off the cropping parameter. Save then regenerate the thumbnails afterwards. https://wordpress.org/plugins/simple-image-sizes/
Cheers!
IsmaelAlmost completely fixed! Its just that the featured images won’t quite line up with the title bar above it. Can you please help?
For instance the frog photo isn’t as wide as the blue bar (“29 ways to love yourself”)
Thanks!
Hey!
frog image lines up perfectly with blue bar for me. Please clear browser cache and hard refresh a few times. Check on another computer as well. Provide us screenshots of the issue if the issue persists for you.
Regards,
AndyI’ve tried the cache issue. Here are screenshots from Firefox and Chrome. You can see how the width of the blue bar exceeds the large image.
Thanks,
Liz
Hi!
that’s weird, cause it looks like this for me:
Please try on another computer as well and let us know about your results.
Best regards,
AndyHello! I looked at several other computers (that didn’t have stored caches of the site) and its still off.
Please see screenshot:
Hi!
as your image is 800x800px by default you could increase it’s width max. until 800px:
.big-preview.single-big { width: 800px; }You could also use some media queries to adjust this code for different screen sizes. For more infos about that: css-tricks.com/snippets/css/media-queries-for-standard-devices/
Regards,
Andy
- The topic ‘Featured Image Cropping’ is closed to new replies.