Hi!

Please edit the thumbnail size on functions.php, find this code:

$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs

Increase the width and height, if necessary set the crop to false. Something like this:

$avia_config['imgSize']['square'] 		 	    = array('width'=>312, 'height'=>302, 'crop' => false);		                 // small image for blogs

Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hi Edna!

A single image is broken down or cropped into smaller thumbnails. The theme resizes the image and create smaller version of the thumbnails. You can find those thumbnail or image sizes 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']['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'=>710, 'height'=>575 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$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

//overwrite blog and fullwidth image on extra large layouts
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
	$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );					// images for portfolio entries (2,3 column)
	$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
}

It is quite normal for a wp installation to have different sizes for a single image.

Best regards,
Ismael

Hi!

Please edit functions.php, find this code on line 105:

$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );					// images for portfolio entries (2,3 column)

Replace it with:

$avia_config['imgSize']['gallery'] 		 		= array('width'=>1000, 'height'=>800 );					// images for portfolio entries (2,3 column)

Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Ismael

Hi!

Please add following code to Quick CSS as well

.products .product.first { clear: right; }
#top .products .product.last, #top #main .products .product.last { margin-right: 40px; }

Regards,
Yigit

Hi fotofaber!

Please add following code to Quick CSS in Enfold theme options under Styling tab

div .products .product { margin: 0 40px 40px 0; }

Cheers!
Yigit

Hi!

You can still use the portfolio grid element then add this on Quick CSS or custom.css to remove the grid image or featured thumbnail:

.grid-image.avia-hover-fx {
display: none;
}

Cheers!
Ismael

Hey!

How are you? I hope you’re doing well today.

Please add this on Quick CSS or custom.css to place the thumbnail on top of the post.

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
display: none;
position: relative !important;
width: 100% !important;
}

.single-post .single-small.with-slider .small-preview {
width: 100%;
text-align: center;
background: transparent;
height: auto;
}

#top .fullsize .template-blog .big-preview a, #top .fullsize .template-blog .small-preview img {
width: 180px;
margin: 0 auto;
}
}

Regards,
Ismael

Hey remix1998!

Thank you for using the theme. I hope you’re doing well today.

Before you insert the image, please look for “ATTACHMENT DISPLAY SETTINGS”. Choose the thumbnail size that you want. Make sure that you insert the image on a column layout to constrain the size. The image width is set to 100% via css, it will inherit the size of the container.

Best regards,
Ismael

Hey!

It is to 20% via CSS. I gave you the code to change the thumbnail size. Please use that.

Cheers!
Ismael