Home>Support>Image size over a post

Image size over a post

Hello,

(I’m sorry for my english, it’s the translator)

How can I get an automatic resize my images above my posts. Is it possible to change the size of this image? Link example.

I have this problem with all the posts. I resized the images in library but nothing changes.

Thank you in advance for your replies

URL: http://www.nitro-design.be/blocs-note-autocopiant/

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

    Hi nitrous

    You can try 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%;
    }
    
  2. 9 years, 8 months ago nitrous

    Thank you for your reply.
    This solution solved the problem for the width but not the height.
    Example: http://www.nitro-design.be/beach-flag-vitalite-services/
    I added “max-height: 30%;” , but nothing has changed.

    There is also the image isn’t complete display
    Example: http://www.nitro-design.be/blocs-note-autocopiant/
    http://www.nitro-design.be/feuilles-autocopiantes/
    But not on all posts

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

    Please try the following and see how that goes:

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

    Adjust as required.

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

    You can remove margin-left: auto; margin-right: auto; if you don’t want the image to center.

  5. 9 years, 8 months ago nitrous

    I tried but nothing changed

  6. 9 years, 8 months ago nitrous

    Except “margin”, it works well.

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

    Phew, ok, if I go back to my original CSS, that does seem to work:

    /* 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 other option is to use the Simple Image Sizes plugin to change the size of the images:

    https://wordpress.org/plugins/simple-image-sizes/

    After using that, you need to run the Regen Thumbnails plugin:

    https://wordpress.org/plugins/regenerate-thumbnails/

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