Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 23, 2013 at 3:48 am #165032
    itchybrain

    Gday Kriesi

    Regarding blog preview images, many images do not suit being cropped into a square.

    I can live with the thumbnail being square, but am wondering is there a way to override the cropping of the small preview (default 180px square), such that I can force the image width to the default 180px, but obtain an auto height instead? Thus, displaying the small preview as either landscape or portrait image?

    cheers

    Darryl

    September 23, 2013 at 1:48 pm #165142
    Ismael

    Hey itchybrain!

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

    .single-post .single-small.with-slider .small-preview {
width: 180px;
height: auto;
}

.single-post .single-small.with-slider .small-preview img {
height: auto;
width: 100%;
}

    Regards,
    Ismael

    September 23, 2013 at 6:21 pm #165243
    itchybrain

    Thanks Ismael. Perhaps I am working in the wrong way to couple with your CSS?…when I add a ‘featured image’ it is actually being cropped by the system, so it is actually square.

    September 25, 2013 at 6:35 am #165929
    Devin

    Hello!

    Use this plugin and remove the crop from that image size: http://wordpress.org/extend/plugins/simple-image-sizes/

    Then use the same plugin to regenerate your image sizes.

    Cheers!
    Devin

    September 26, 2013 at 11:55 am #166560
    itchybrain

    Thanks Devin, is the cropping Enfold-specific or WordPress itself?

    September 27, 2013 at 9:12 am #167062
    Ismael

    Hello!

    The thumbnail sizes are specified on functions.php.

    $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']['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'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		                 // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 );						// images for fullsize pages and fullsize slider

    Regards,
    Ismael

    October 10, 2013 at 1:38 am #173335
    itchybrain

    Brilliant, thanks for that collection Ismael. (Sorry for the delay, I’ve been in the offline world…camping :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Blog image small preview – square vs auto height’ is closed to new replies.