Okay
  Public Ticket #3144338
Show thumbnail post list without crop
Closed

Comments

  • Simone started the conversation

    Hello,

    can I display post list (using Blog or Recent posts) with a thumbnail without auto-cropping the image but fitting it into its div?

  •  8,839
    Tahir replied

    Hey Simone,

    Could you provide the page url so we can take a look? . One way is to change the images using: https://themenectar.com/docs/salient/modify-image-sizes/ . 

    Thanks


    ThemeNectar Support Team 

  • Simone replied

    Default "Blog" element with layout "Standard blog No Sidebar" crop the cover image selected to 900x600, and use it as preview image for the post.

    I want to view the entire image without cropping (resize it's ok, but not cropping) into preview image div. 

    What can I do to get it? Thank you.

    Link: https://www.fondazionedongaudiano.it/eventi/

  •  1,877
    Judith replied

    Hello Simone,

    Please send in your admin login credentials so that we can check this out further.

    Thanks.

  •   Simone replied privately
  •  8,839
    Tahir replied

    Hey Again,

    You seem to be using the a different blog plugin at the moment. Let us know.

    Thanks 


    ThemeNectar Support Team 

  • Simone replied

    I have installed that external plugin because it resolve my thumbnails problem.

    But I would like to use your "Standard blog No Sidebar", if I can avoid cropping thumbnails. As I wrote in the previous reply, please consider this page: https://www.teatropiccolaribalta.it/wp/test/

  •  8,839
    Tahir replied

    Hey Again,

    Please view: https://themenectar.com/docs/salient/modify-image-sizes/ . for the Blog thumbs you would need to change the "wide_photography" image size.

    Also be sure to regenerate the images after placing the resize code.

    Thanks. 


    ThemeNectar Support Team 

  • Simone replied

    I have changed the "wide_photography" image size. Now on desktop it's ok. But on mobile image was cropped anyway.


    Link: https://www.teatropiccolaribalta.it/wp/ (needs login).

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
            height: 429px !important;
        }
    }

    Thanks


    ThemeNectar Support Team