Feature image too big

[jenclucero]

Hi,

The feature images on my posts display too large and are cut off. I have tried scaling down, but it doesn’t change anything. I have also gone into Photoshop and resized the file itself, but that doesn’t help. I thought I found a workaround by pasting the photo directly into the post, so that it displays at “large” size under the title. I think that option looks nice. Unfortunately that means that the thumbnail no longer displays the image on my main page. So my questions are:

1) Is it possible to change the size of the feature image? How do I do that?
2) If I can’t do that, and I use the option of putting it in the post, how do I get a thumbnail to show? The image was also getting cut-off instead of fitting to the thumbnail, so how can I fix that?

Thanks.

[SeaTheme]

Hi,

Yes, it is possible to change the size of the feature image.
Could you please paste the issued webpage URL? I need to which module with the images.

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[jenclucero]

Thanks. My temporary URL is http://q6n.75a.myftpupload.com/ and it is for these three items (and I will want to add more later):
http://q6n.75a.myftpupload.com/2019/11/zoo-babies/
http://q6n.75a.myftpupload.com/2019/11/the-perfect-cakemaker/
http://q6n.75a.myftpupload.com/2019/11/swap-this-for-that/

Thank you.

[SeaTheme]

Hi,

Please control the Featured image by the custom CSS, add the CSS codes to “Appearance > Customize: Additional CSS”:

.post-cover .ux-background-img { 
 background-size: 60%;
}
.single-portfolio-fullwidth .gallery-post-des .entry .aligncenter {
 width: 60%;
}
@media (orientation: portrait) {  
  .post-cover.fullscreen-wrap { 
    height: 50vh;
 }  
}

[jenclucero]

Thank you! That works for the feature image on the post page, but is there a way to I fix the thumbnail issue? The image is still cut-off on the thumbnail that displays on the home page.

Thanks!

[SeaTheme]

Welcome!

Please add the CSS codes to “Appearance > Customize: Additional CSS”:

.grid-item .ux-lazyload-wrap { background-color: transparent; } 
.grid-item .ux-background-img { 
    -webkit-background-size: contain;
    background-size: contain;
}

[jenclucero]

Thank you. Unfortunately, it is still cut off. Is there a way to reduce the size like you did with the feature image (I think you had 60%)?

[SeaTheme]

Please go to Appearance > Theme Editor, edit the /functions/interface/interface-functions.php
find line 529 – 555:

switch($gallery_shape){
			case 'gallery_shape_1': $gallery_shape_class = 'grid-item-small'; $gallery_image_size = 'airtheme-thumb-43-'; break;
			case 'gallery_shape_2': $gallery_shape_class = 'grid-item-big grid-item—width2'; $gallery_image_size = 'airtheme-thumb-43-'; break;
			case 'gallery_shape_3': $gallery_shape_class = 'grid-item-tall'; $gallery_image_size = 'airtheme-thumb-23-'; break;
			case 'gallery_shape_4': $gallery_shape_class = 'grid-item-long grid-item—width2'; $gallery_image_size = 'airtheme-thumb-83-'; break;
		}
		
		switch($columns){
			case '2': 
				if($gallery_shape == 'gallery_shape_1'){
					$gallery_image_size .= 'medium';
				}else{
					$gallery_image_size .= 'big';
				}
			break;
			case '3':
				if($gallery_shape == 'gallery_shape_1'){
					$gallery_image_size .= 'small';
				}else{
					$gallery_image_size .= 'medium';
				}
			break;
			case '4': $gallery_image_size .= 'small'; break;
			case '5': $gallery_image_size .= 'small'; break;
			case '6': $gallery_image_size .= 'small'; break;
			default: $gallery_image_size .= 'medium'; break;
		}

update to:

switch($gallery_shape){
			case 'gallery_shape_1': $gallery_shape_class = 'grid-item-small'; $gallery_image_size = 'airtheme-standard-thumb'; break;
			case 'gallery_shape_2': $gallery_shape_class = 'grid-item-big grid-item—width2'; $gallery_image_size = 'airtheme-standard-thumb-'; break;
			case 'gallery_shape_3': $gallery_shape_class = 'grid-item-tall'; $gallery_image_size = 'airtheme-standard-thumb-'; break;
			case 'gallery_shape_4': $gallery_shape_class = 'grid-item-long grid-item—width2'; $gallery_image_size = 'airtheme-standard-thumb-'; break;
		}
		
		switch($columns){
			case '2': 
				if($gallery_shape == 'gallery_shape_1'){
					$gallery_image_size .= 'medium';
				}else{
					$gallery_image_size .= 'big';
				}
			break;
			case '3':
				if($gallery_shape == 'gallery_shape_1'){
					$gallery_image_size .= '';
				}else{
					$gallery_image_size .= 'medium';
				}
			break;
			case '4': $gallery_image_size .= ''; break;
			case '5': $gallery_image_size .= ''; break;
			case '6': $gallery_image_size .= ''; break;
			default: $gallery_image_size .= 'medium'; break;
		}

[Author]

Posts