Resizing images in proper proportions

  • Resolved techtoll

    (@techtoll)


    11 years, 11 months ago

    I have a page at Download Bing wallpapers where i have inserted an image of size 1003X516. But the resizing i think is not in the proper ration. Hence when i check its responsiveness only the width of the image changes. Height remains constant.
    Kindly help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Custom CSS area of the dashboard, add a max-height of 100% to that image;

    .entry-content img, .comment-content img, .widget img {
 max-height: 100%;
}

    Thread Starter techtoll

    (@techtoll)

    Will it affect site’s responsiveness?

    Thanks BTW

    Thread Starter techtoll

    (@techtoll)

    The image still looks more stretched in terms of height.

    The image still looks more stretched in terms of height.

    That’s because the image you uploaded is bigger than the content width.

    You can either upload a re-sized image or add: height: auto;

    Thread Starter techtoll

    (@techtoll)

    Thank you.

    height: auto;

    worked.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Resizing images in proper proportions’ is closed to new replies.