WordPress.org

Ready to get started?Download WordPress

Forums

I don't want my thumbnail image cropped... (5 posts)

  1. kittensforgood
    Member
    Posted 9 months ago #

    But I don't see exactly where to edit this?... I've tried a few things and just got frustrated :(

    Here is the example on http://easyengrave.com/shop/new-ring/ you can see the "main" picture is cropped, but it looks normal/uncropped when you click it. I don't want that image cropped at all though.

    Thank you.

  2. kittensforgood
    Member
    Posted 9 months ago #

    oh gosh I just figured it out.... you need to edit>crop the big image>select "thumbnail only">save>update

    sheesh...! :)

    But now, the product page still seems to show the cropped version. What to do about that?

  3. kittensforgood
    Member
    Posted 9 months ago #

    despite editing the pictures, it still seems to crop in slightly... any ideas please?

  4. souravb
    Member
    Posted 9 months ago #

    Hi kittensforgood,

    You have to resize the image according to the size of the image container element, if you don't want it to get cropped. Define style of the image and image container in such a way that the image automatically gets resized according to the size of the container. You can use this solution where ever you don't want the image to be cropped.

    Here is a simple example.

    <!DOCTYPE HTML>
    <html>
        <style type="text/css">
            div#image-container {
                height:300px;
                width:250px}
            img {
                height:auto;
                width:100%}
        </style>
        <body>
            <div id="image-container">
                <img src="myPicture.jpg">
            </div>
        </body>
    </html>

    Regards
    sourav b

  5. kittensforgood
    Member
    Posted 9 months ago #

    Thanks for the replies.

    The best/easiest solution that I found was to increase the white border/deadspace around an image. It seems like if you add like 200-300px to the height then the thumbnail crop does not become an issue.

    Still a big inconvenience considering I don't know why they do it in the first place... oh well!

Reply

You must log in to post.

About this Topic