Docs

[dogpile]

Hi,

i uploaded a nice and crips-sharp picture for a blog-post. Unfortunately it will always show up in a blurry manner, no matter how big the original size was. How can i fix this?

Thanks for your help!

[dogpile]

This reply has been marked as private.

[Christian]

Hey there,

Your original image size is http://www.planorg.de/wp-content/uploads/2016/05/IT_Camp_Jena_x2.jpg is quite small (1300x450px). Please upload an even larger size. Preferably HD 1080p.

Thanks.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.entry-thumb img {
    min-width: auto;
    margin: 0 auto;
    display: block;
}

Hope it helps 🙂

[dogpile]

Thanks for your reply, but it wont work either way. Your code-snippet just makes it smaller and fits the height. Your tip to make the image itself bigger did not work as well, it doesnt matter how big the file gets, it will be displyed blurry. The currently used picture is attached.

[dogpile]

The picture’s too big

[Joao]

Hi There,

Please use tinypng.com before trying to upload the picture, this might help.

Otherwise use a service like Dropbox and provide us the link.

Thanks

Joao

[dogpile]

Here

[Christian]

Please try adding the code below in your functions.php

// Use Fullsize Featured Image in Single Post

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, 'entry-cropped-fullwidth', NULL );
      } else {
        $thumb = get_the_post_thumbnail( NULL, 'entry-cropped', NULL );
      }
    } else {
      if ( $fullwidth ) {
        $thumb = get_the_post_thumbnail( NULL, 'entry-fullwidth', NULL );
      } else {
        $thumb = get_the_post_thumbnail( NULL, 'entry', NULL );
      }
    }

    switch ( is_singular() ) {
      case true:
        $thumb = get_the_post_thumbnail( NULL, 'full', NULL );
        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;
    }

  }

}

Hope that helps. 🙂

[dogpile]

It worked! Great, thanks again!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts