Hi StudioLeBus!

Thank you for using Enfold.

Yes, that is the default behavior of the sliders, full width easy slider specifically. You can set the thumbnail size in the Slideshow Image and Video Size settings. The “Stretch image to fit” refers to the image width inside the slider. For example, if you use an image which is 900px in width and the browser screen size is 1900px, the image will align at the center if you set the option to “don’t stretch”. Still, the height of the slider will depend on the image height.

Cheers!
Ismael

Hey Rshaules!

Thank you for using Enfold.

1.) The images are resized down from 845px to 625px because of the content container width. The contents cannot exceed or overflow outside the container so they are resized via css. You can resize the thumbnails using this plugin: https://wordpress.org/plugins/simple-image-sizes/

2.) That is a theme generated thumbnails usually use for related posts and catalogue images. Note that, in a few cases, the theme has to use images twice the size of the actual container for retina displays.

Best regards,
Ismael

Hey!

Please add following code to Functions.php file

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
        $size['square'] 		 	= array('width'=>235, 'height'=>235 );		
	return $size;	
}

and then change width and height values as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Yigit

Hey catmac2204!

Please go to Appearance > Editor and open Functions.php file and find

$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );		

and change it as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Yigit

Hey!

Thanks for the details and sorry for the late reply, I changed the code in your quick CSS and the icons look good now. I’m not sure I understand what the problem was on your last link but I’m guessing your mean the thumbnails under the larger images?

Best regards,
Rikard

Hi Taryn!

Thank you for using Enfold.

Looks like you added the image directly in the post editor. Please add the feature image again but before that, add this code in the functions.php file to adjust the thumbnail size:

function ava_image_sizes() { 
add_image_size('entry_with_sidebar', 845, 321, array('center', 'top'));
add_image_size('entry_without_sidebar', 845, 321, array('center', 'top'));
}
add_action( 'after_setup_theme', 'ava_image_sizes', 11 );

Regenerate or upload the images again. You can adjust the width, default is 845 and the height, default 321. The array(‘center’, ‘top’) is the crop positioning of the images, it will crop from the bottom, left and right, leaving the center and top portion of the images. https://codex.wordpress.org/Function_Reference/add_image_size

Regards,
Ismael

Hey!

Thank you for the info. Edit the post slider then set Preview Image Size manually. Choose the second option then select the thumbnail size that you want.

Best regards,
Ismael

Hi!

You can find all thumbnail sizes in the functions.php file and the Settings > Media panel.

$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']);

You can add the name of the thumbnail in the snippet above. Just follow the pattern.

Cheers!
Ismael

Hi!

1.) Use this in the Quick CSS field to change the background overlay of the lightbox:

.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 1 !important;
  background-color: #ffffff !important;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #000000 !important;
}

2.) Can you please provide a screenshot of the layout that you want? The grid will automatically adjust according to the height of the images so using images with different height and ratio not going to work if you want a consistent grid. Try to create a custom canvas for all the paintings. Place the painting in the canvas before uploading them. You can do this using photoshop or any image editor. Basically, we want all images to be the same in width and height.

3.) You can’t use the advance layout builder to create the ajax preview. Like I said, you need to add the content in the Ajax Portfolio Preview Settings. The left column of the ajax preview will display the portfolio gallery or slideshow, and the right column will display the content. You can use use the advance layout builder to build the actual portfolio item page.

4.) Go to Settings > Media then adjust the Large Thumbnail. Set the width and height to 9999.

Regards,
Ismael

Hey!

If you don’t want to use a plugin, you can override the default thumbnail size with this on functions.php file:

function ava_image_sizes() { 
add_image_size('entry_with_sidebar', 261, 186, array('center', 'top'));
}
add_action( 'after_setup_theme', 'ava_image_sizes', 11 );

Again, you need to regenerate the thumbnails or upload it again. The plugin suggested above can regenerate your thumbnails. :)

Best regards,
Ismael

Hey!

Please add following code to Functions.php file of your child theme in Appearance > Editor

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
        $size['portfolio'] 		 	= array('width'=>495, 'height'=>400 );		
	return $size;	
}

and then change width and height values as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Cheers!
Yigit

Hi!

Please add following code to Quick CSS as well

#footer .av_one_fifth.first {
  margin-left: 0;
}
#footer .av_one_fifth {
  margin-left: 2%;
  width: 18.4%;
  margin-top: 10px;
}

and refer to my post here – https://kriesi.at/support/topic/latest-news-widget-thumbnail-picture-is-too-small/#post-356895

Best regards,
Yigit

Hi Lidia!

Thank you for using Enfold.

1.) If you want to increase the thumbnail size of the latest news widget, add this in the Quick CSS field:

.news-thumb {
  height: 63px;
  width: 63px;
}

You will have to install this plugin and then adjust the size of the widget thumbnail on Settings > Media panel : https://wordpress.org/plugins/simple-image-sizes/

2.) If you want to increase the font size of the title and post meta info, use this:

.news-headline, .news-time {
  font-size: 15px;
}

Regards,
Ismael

Hey!

1- Please add following code to Functions.php file of your child theme in Appearance > Editor

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
        $size['portfolio'] 		 	= array('width'=>495, 'height'=>400 );		
	return $size;	
}

and then change width and height values as needed to make images 1:1 and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
2- To change hover icon, please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
3- Please add your element to your page and let us know so we can post custom CSS code to adjust the spacing between elements.

Regards,
Yigit