Home>Support>Change Thumbnailsize in article

Change Thumbnailsize in article

Hello Guys,

thank you for the nice template!
I use Vantage Pro and I want to modify the thumbnailsize of a blogpost. At the moment a thumbnail has the size 730×380. Thats way to big! I want a nice little picture with 200×200 pixels.

So what I did is, I changed the size in the functions.php to:

set_post_thumbnail_size(200, 200, true);

But it changes nothing! =/

Can you guys help me okz?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Alexander Resch

    Ok, I figured out, das this doesn’t change the size of the displayed thumbnail. It changes the size of the created thumbnail.

    How do I change the size of the Thumbnail displayed in the head of an article?

  2. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Alexander

    Thanks for running Vantage.

    Please keep in mind that any code changes you make, that aren’t contained in a child theme, will be lost the next time you update the theme.

    Under Appearance > Theme Settings > Blog: Featured Image Type you can set a small or large featured image for the blog / archive page.

    To remove the 100% width attribute of the featured image and have it display at it’s uploaded size you can try the following under Appearance > Custom CSS:

    /* Remove Featured Image 100% width property */
    
    article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img {
    width: auto !important;
    }

    Or you can set a max-width using the following selector:

    /* Set a max-width for the single post featured image */
    
    .single .entry-thumbnail img {
    max-width: 50%;
    }
  3. 9 years, 8 months ago twisted_tits

    Andrew Misplon
    this will breaks mobile images

    This will okay

    article.post .entry-header .entry-thumbnail, article.page .entry-header .entry-thumbnail {
      width: 100%;
    }
    article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img {
      width: auto;
      margin: 0 auto;
    }
    
  4. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Awesome, thanks for the help there.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More