Home>Support>Set maximum size for featured image in a post

Set maximum size for featured image in a post

Hiya!
When seen full-screen on a monitor, featured images are gargantuan. Is there a way to limit the size? I saw another person’s question that was about wanting some other post-bit(s) size limited, so I’m assuming it’s possible.
Moocho grass yes in advance!
:-) Robin
(PS – I’ve just started things, so please don’t judge. I’m still unpacking. :-))

URL: http://friendlybeauty.me/kill-bill/

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, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Robin

    Sure, try inserting the following under Appearance > Custom CSS and adjust as required:

    /* Set a max-width for the single post and archive featured image */
    
    .single .entry-thumbnail img {
    margin-right: auto;
    margin-left: auto;
    max-width: 50%;
    }
    
    article.post .entry-header .entry-thumbnail img {
    margin-right: auto;
    margin-left: auto;
    max-width: 50%;
    }
    

    The first selector will adjust the featured image size on the single post, the second selector will adjust the archive featured image size. Adjust the 50% number in both cases to a number of your choice.

  2. 9 years, 11 months ago Jo R. Parendo

    Perfect! Thanks so much! :-)

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