Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1327032

    Hello, I’ve nearly finished building out my site. The theme has been very easy to use so thank you.

    What I can’t figure out is how to get all thumbnails on my blog page to display the whole image rather than cropping the image so it only displays part of it which looks messy to me. I’ve managed to work out how to display the image like this on the post page so that’s all good. Just the thumbnails I need assistance with please.

    Or is there a way I could set the thumbnail as a separate image so they are custom. I could then create them in photoshop so they are uniform.

    Many thanks

    Damien

    #1327151

    Hey kowalski,
    Thank you for the link to your site it looks like your featured images have a 16:9 aspect ratio (702×395) but the thumbnails need to be more square 206×166, thus the cropping.
    One way around this would be to use featured images that are more square and would show on your blog page correctly and then hide the featured image on the post itself and use your full-sized image instead.
    That is you would manually add your full-sized image at the top of your post and use the option to hide the featured image on the post:
    2021-10-30_011.jpg

    Best regards,
    Mike

    #1327281

    Hello Mike,

    Thank you for the solution.

    I’ve tried this out here:

    It works well except for one thing. I would like the full sized image to sit above the title as it was when it was the featured image?

    Is there a way I can do this?

    Thanks so much,

    Damien

    #1327453

    Hi,
    Glad to hear this helped, to move the single post image above the title try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function move_first_post_image_above_title() { ?>
        <script>
    (function($) {
      $(function() {
         $('.single-post .entry-content .wp-block-image.size-full:first').detach().insertBefore('.entry-content-header');
      });
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'move_first_post_image_above_title');

    Best regards,
    Mike

    #1327784

    Many thanks Mike, I will try this.

    #1327871

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.