Home>Support>Change small thumbnail size

Change small thumbnail size

Hi,

Thank for the Vantage Pro template, I love it :-)

However, I would like to be able to change the size of the small thumbnail in the blog.

Preferable something like 300px wide.

How do I do that?

Thanks in advance.

HC

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

  1. 9 years, 8 months ago zkagen

    Oups…
    I forgot to mention, it is the layout on this test page:
    http://wpwork.zkagen-marketing.dk/nyheder/

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

    Hi Hans

    You can change this by adding the following to Appearance > Custom CSS:

    /* Blog Small Image Layout */
    
    article.post.post-with-thumbnail-icon .entry-thumbnail, article.page.post-with-thumbnail-icon .entry-thumbnail {
    width: 11.68%;
    }
    
    article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main {
    width: 84.41%;
    }
    

    If you need to render the thumbnail over 150px you’d need to adjust the thumbnail size at Settings > Media and then run the Regenerate Thumbnails plugin.

    The above two percentages need to be adjusted together. Whatever you add to one must be subtracted from the other.

  3. 9 years, 8 months ago zkagen

    Brilliant!

    However the img padding right disappeared, but I have added the padding in the CSS as below, and it seems to work fine.

    /* Blog Small Image Layout */
    
    article.post.post-with-thumbnail-icon .entry-thumbnail, article.page.post-with-thumbnail-icon .entry-thumbnail {
    width: 24%;
    padding-right: 1%;
    }
    
    article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main {
    width: 75%;
    }
    
  4. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Awesome, glad you were able to resolve. Thanks for sharing.

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