• Hi all,

    I thought I could solve this by myself but no…
    So…. does anybody know how to make sure all the images/pics of my posts on the start page will have THE SAME size?

    Need help featured image size front page – want them all to have THE SAME size.
    I am giving up, no matter how small or big I upload them, they come out in different sizes. I want them all to have the same width and height on the home page.
    Here is the link to my site:
    https://www.popcultureshelf.com/

    Any suggestions are welcome.

    Thanks, Alex

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi- @lexnippon

    To make your featured image all of same size then refer to:
    this

    Further help will be provided.

    Thank You!!!

    Hi lexnippon,

    Thanks for writing in!

    In regard to achieve same width for all images; please add the following code under your Appearance > Customize > Custom CSS:

    .blog .entry-content .thumbnail-post {
        max-height: 430px !important;
    }
    
    .blog .entry-content .thumbnail-post img {
        max-height: 430px !important;
    }

    Hope this helps!

    Thanks.

    Thread Starter lexnippon

    (@lexnippon)

    Hi emranemranx,

    Thanks for your answer.
    I did just what you said, but nothing changed…. ??
    Since I still want the pics to have all the same size (both height and width), maybe you have another idea?
    Cheers,

    Alex

    Thread Starter lexnippon

    (@lexnippon)

    @sanjog

    Thanks for the link.
    Unfortunatley I have no idea where to put that code (I am stricly a user… so clicking on buttons is what I do. Writing code, unless told exactly where, is nothing I can do…).
    So where please is HOME / REFERENCE?
    Cheers, Alex

    Hi Alex,

    Upon checking into your website; although, there’s not huge difference of heights but please replace the previous provided code with the following into your custom CSS field:

    .blog .entry-content .thumbnail-post {
        max-height: 430px !important;
        min-height: 430px !important;
    }
    
    .blog .entry-content .thumbnail-post img {
        max-height: 430px !important;
        min-height: 430px !important;
    }

    As per shown here (see: https://prntscr.com/9w9mb0 ); all of the images are same sized. Though, you’d use three lines of titles in order to balance the posts.

    Thank you!

    Thread Starter lexnippon

    (@lexnippon)

    Hi emranemranx,
    OOps haven’t checked this site in months, so I forgot to answer. Thanks!
    Well, unfortunately this did NOT do the trick.
    Now only if I use a particular enlargement while watching the site (using Ctrl Key + mouse wheel) I have a good size of the cover. If, however, I have a certain zoom with larger writing and larger characters, the pics are way too high… they are ok concerning width, but they are waaaaay too high now.

    I fooled around a little with different numbers, having used “360” instead of the “430” you suggested, but now some covers are cut off at the bottom…..

    I still want the pics to have all the same size, let’s say with 350 height and 288 width.
    What exactly will I have to do? If I use the code above, there are only sizes for height.

    BTW, can I define in what resolution (i.e. or what site zoom) the visitors should experience my site?

    Alex

    Hi,

    When you zoom your browser, everything gets enlarged and some element will go out of place.

    You need to reset your zoom to zero.
    Themes are designed using “normal”, “no zoom” browser.

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need help featured images front page – want them all to have THE SAME size’ is closed to new replies.