WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to fix stretched image in post listing (4 posts)

  1. johhny
    Member
    Posted 1 year ago #

    Hi all,

    Can anyone help me with adjusting the image that stretched?

    This is the example. http://news.abnxcess.com/category/home/spotlight/

    If the image in the original posts is portrait, then when displayed in the "More Articles" listing page, the image is stretched. There is no problem with the image if it is landscape.

  2. In your style.css file on line 984 the img is width is manually set to 300px. This is forcing the image to display at that width.

    change:

    .blog-main-post-container .post-image img {
    width: 300px;
    }

    to:

    .blog-main-post-container .post-image img {
    width: 100%;
    max-width: 300px;
    }
  3. johhny
    Member
    Posted 1 year ago #

    tq so much chris. it works well. :D

  4. agimage
    Member
    Posted 1 year ago #

    whe image width has been changed because the px, image stretching c# codes and examples can be foud here, not knowing if it is helpful or not.

Topic Closed

This topic has been closed to new replies.

About this Topic