How to define the scaling of featured images?

  • Author
    Posts
  • #54986

    Genetis
    Participant

    Hello,

    when defining featured images in a post, on my landing page they appear to scale more or less randomly. A 1000x700px picture takes up all the available space for the featured image, while a 1000x800px picture displays with a cropped bottom and large grey bars on the sides a different 300x100px image displays tiny when I preview for a laptop screen but fills out the whole box (as expected) when I look at it in the preview for Tablet or Phone.

    Why is this happening and how do I set it up to always use the available space?
    You can find examples here: http://www.curvediscussion.com/?pk_campaign=support
    Thanks.

    Website: www.curvediscussion.com/?pk_campaign=support

    #55012

    Maurice
    Participant

    I have the same issue as yours
    I ran the force regenerate thumbnails and the situation is even worse.
    I endup with bars on the side of my images

    Website: montemalbus.azurewebsites.net

    #55029

    Maurice
    Participant

    I manage to find a solution to this behavior.
    Goto Customizing ▸ Post Information >Featured Image
    settings

    Change “Featured Image Behaviour” to “Cropped”

    Adjust the height of the image at “Featured Image Height”

    I found out that while having the “Featured Image Behaviour” to “Responsive”
    the image size doesn’t expand beyond 180 px

    #55033

    Genetis
    Participant

    Hi,

    thanks for that. I played around with those options before but never ended up with that combination.
    It does look a lot nicer now. It doesn’t really behave as I would expect it though.
    Obviously when setting it up to “cropped” it crops the images although I would expect it to just expanded until it reaches a defined height or width.

    Again, it certainly looks a lot better, thanks!

Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.