• Resolved Deb M

    (@papul)


    Hi There and thanks for a great theme.

    I recently shifted to Hueman theme for my 2nd blog. (Am already using to for my 1st blog as its just awesome)

    In the home page the layout am using is – 2 coloums & content left.

    The featured images that I have used all have the original size of 600×400.

    When I migrated to human theme – all my old posts (in the home page) with thumbnails came out ok properly resizing like my previous theme. The thumbnails were uniform.

    But when I added new posts after using human theme the thumbnails appear cropped up. I did check the theme thumbnail settings in the documentation.

    Can you tell me how I can I size the thumbnails of the new posts. Here is the link where you can see the issue. If any Custom side CSS can resolve the issue ? (See the thumbnail size diff of the top 2 post thumbnails) https://dentalpub.com/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Deb M

    (@papul)

    Just to add in to the last question … similar thumbnail rise difference is visible in the thumbnails related posts between new post and old posts.

    If any Custom side CSS can resolve the issue ? (See the thumbnail size diff of the top 2 post thumbnails) https://dentalpub.com/

    Hi Deb. The thumbnails from your old theme are 368x245px; in the post they are 475×317. This is because they are expanded to 100% of the column width, which is 505px – 30px right margin = 475px. The height is adjusted proportionately so 475/368 = 1.29%; 245 x 1.29 = 317px. The default Hueman thumbnail size is 520×245; in the post they are 475×224. Again, 475/520 = 0.913%, so the height is 245 x 0.913 = 224px. You could change one of the theme default thumbnail sizes to be the same as your old theme by using a child theme and functions.php, and then use the Regenerate Thumbnails plugin https://www.ads-software.com/plugins/regenerate-thumbnails/ to change your existing thumbnails to that size. Or you could just run the plugin without making any theme changes and it will adjust your existing thumbnails to the default theme sizes.

    Thread Starter Deb M

    (@papul)

    Hi there and thank you for the reply.

    In my other blog I did use the Regenerate Thumbnails Plugin as you suggested. That adjusted the thumbnails to the default value of the thumbnail design that has been assigned by the theme designers. Thats was fine for the blog.
    ******************************************
    It is just that in my new blog I want to change the default thumbnail sizes shown in the home page and related post. I understood your explanation regarding the size adjustment.

    But I don’t have idea as to how to use the child theme and functions php to adjust the default thumbnail sizes. Though I searched about child themes from net but I am still not getting the idea how to use it properly without any conflicts.

    I will be thankful if you can post the codes/php required for the purpose. I can save the codes then for my future use. Also me trying to adjust on my own might lead to issues.

    Hoping for a quick solution and thank you for maintaining such consistent support for such a great theme.

    1. Follow the guide here to create a child theme:
    https://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman

    2. Add this function to your child theme functions.php file (it’s a copy of the parent theme function from \functions\init-core.php):

    function hu_setup() {
        // Enable title tag
        add_theme_support( 'title-tag' );
    
        // Enable automatic feed links
        add_theme_support( 'automatic-feed-links' );
    
        // Enable featured image
        add_theme_support( 'post-thumbnails' );
    
        // Enable post format support
        add_theme_support( 'post-formats', array( 'audio', 'aside', 'chat', 'gallery', 'image', 'link', 'quote', 'status', 'video' ) );
    
        // Declare WooCommerce support
        add_theme_support( 'woocommerce' );
    
        // Thumbnail sizes
        add_image_size( 'thumb-small', 160, 160, true );
        add_image_size( 'thumb-standard', 320, 320, true );
        add_image_size( 'thumb-medium', 520, 245, true );
        add_image_size( 'thumb-large', 720, 340, true );
    
        // Custom menu areas
        register_nav_menus( array(
          'topbar' => 'Topbar',
          'header' => 'Header',
          'footer' => 'Footer',
        ) );
    }

    3. The theme uses the ‘thumb-medium’ size in the home page posts and the related posts:

    add_image_size( 'thumb-medium', 520, 245, true );

    Change that width and height size in your child theme function to whatever size you need.

    4. Run the Regenerate Thumbnails process.

    Thread Starter Deb M

    (@papul)

    Thank you very much.

    That solution worked and I got the thumbnail sizes exactly as I wanted.

    Thank you very much for this amazing support to this great theme. Many high cost themes CANNOT match the functionality of this theme and the amazing consistent support.

    Thanks to you and the team. I wish New Theme Features get added regularly.

    Cheers.

    You’re welcome; glad that worked for you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Thumbnail Sizes in The Home Page’ is closed to new replies.