Docs

[AngieMarie]

X Theme 4.6.0
Ethos
WordPress 4.5.3

Hello,

I am having quality issues when setting a featured image. When I upload the featured image, it appears lower quality but when I post the same exact image below in the post body it is not. A live example here: http://vanityrouge.com/laura-geller-baked-gelato-swirl-illuminator-review/ – if you open the featured image into a new tab/window it shows that the image is 980×689 but is uploaded in my media library as 1280×900 (see here: http://vanityrouge.com/wp-content/uploads/2016/06/Laura-Geller-Baked-Gelato-Highlighters-3.jpg), yet if you do the same thing to the second image below it, the quality is more crisp and then when viewing the details the full size of 1280×900, which is how it was uploaded as is shown.

Currently I’ve tried a few fixes posted by others in the forum here to try and fix this but it doesn’t seem to be working for me. Most recently I tried this one but it seemed to only decrease the pixel size further down to 881 pixels instead of the 980: https://community.theme.co/forums/topic/featured-images-blurry-regardless-of-size/

I have played with the site width settings as well. I currently have my site width to 980px which is smaller than the width of the photo I uploaded which is 1280 px. I have also tried to set the site width to 1280 in case that would help but I did not see a difference.

Any help would be wonderful on this! 🙂
Thank you so much,
Angie

[Jade]

Hi Angie,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[AngieMarie]

This reply has been marked as private.

[Rad]

Hi there,

Please add this code to your child theme’s functions.php

function x_featured_image( $cropped = '' ) {

    $stack     = x_get_stack();
    $fullwidth = ( in_array( 'x-full-width-active', get_body_class() ) ) ? true : false;

    if ( has_post_thumbnail() ) {

      if ( $cropped == 'cropped' ) {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'full', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'full', NULL );
        }
      } else {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'full', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'full', NULL );
        }
      }

      switch ( is_singular() ) {
        case true:
          printf( '<div class="entry-thumb">%s</div>', $thumb );
          break;
        case false:
          printf( '<a href="%1$s" class="entry-thumb" title="%2$s">%3$s</a>',
            esc_url( get_permalink() ),
            esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
            $thumb
          );
          break;
      }

    }

  }

Since the thumbnail is loadable anywhere, then expect slow loading page where the images are available. Bigger image has longer loading time.

Thanks!

[AngieMarie]

Thank you so much! It worked for me. Thank you for the note on the loading time. I will monitor it and remove it if it is too slow. Many thanks again!

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts