Featured Images Crop Size/location (4 posts)

  1. nwalch
    Posted 3 years ago #

    When you select a featured image on posts it gets cropped on the first page to either 750x380 px for one in the slider or 470x140 for primary images lower down the page. What looks like a near full size image is displayed on the post when you click through.

    Depending on the image used it can look awful on the front page (esp for primary images as the crop is more severe). Is there a way to either select which area of the image is used on the front page or use a different image on the front page (cropped myself in Photoshop) with the original full size image on the post page (or don't automatically show the image on the post page so I can add it myself manually like it does on the WordPress.com version).

    The image at the bottom on my homepage is an example of the problem I'm facing -


  2. Mikey Arce
    Posted 3 years ago #

    Hi @nwalch,

    excellent question - I've had this problem myself so many times. My solution used to be to just crop the image manually but that's just too time consuming.

    Give this plugin a try and see if it does the trick for you:
    Crop Thumbnails

    It provides a GUI in WordPress to help you crop your images!

  3. tauraedgar
    Posted 2 years ago #

    I had the same issue and was wondering if we could edit the CSS to align the featured image in the "primary" area of homepage and category pages to vertical-align: top; but haven't been able to figure it out with Firebug yet. Any ideas? http://digitaldevotee.com/category/client/

  4. ChupiteriaLaFavorita
    Posted 2 years ago #

    We are experiencing the same problem. Now I have managed to sort out the featured and primary posts by changing the function.php, so they look the same in all sections of the website. From my original photoshop session I now have 2, one set to 750*380 "defaultposts" and then a 2nd one "primaryposts" set to 470*238.

    * Image sizes
    function oxygen_image_sizes() {

    add_image_size( 'archive-thumbnail', 470, 238, true );
    add_image_size( 'single-thumbnail', 470, 238, true );
    add_image_size( 'featured-thumbnail', 750, 380, true );
    add_image_size( 'slider-nav-thumbnail', 110, 56, true );

    I also downloaded the plug in mentioned above, which help to adjust all media. At least now everything looks correct. I know it is advised to make these changes in a child theme but I just can't get those to work and well at least this solution saved us for now.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic