Home>Support>Change small thumbnail size

Change small thumbnail size

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 10 years, 6 months ago zkagen

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

  2. 10 years, 6 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. 10 years, 6 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. 10 years, 6 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