Home Forums Air WordPress Theme Feature image too big

This topic contains 7 replies, has 2 voices, and was last updated by  SeaTheme 4 days, 16 hours ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #20046

    jenclucero
    Participant
    Purchased
    Supported

    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.

    #20047

    SeaTheme
    Keymaster
    Purchased
    Supported

    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.netTwitterFacebook

    #20074

    jenclucero
    Participant
    Purchased
    Supported
    #20075

    SeaTheme
    Keymaster
    Purchased
    Supported

    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;
     }  
    }
    #20081

    jenclucero
    Participant
    Purchased
    Supported

    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!

    #20082

    SeaTheme
    Keymaster
    Purchased
    Supported

    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;
    }
    #20130

    jenclucero
    Participant
    Purchased
    Supported

    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%)?

    #20131

    SeaTheme
    Keymaster
    Purchased
    Supported

    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;
    		}
    
    • This reply was modified 4 days, 16 hours ago by  SeaTheme.
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!