Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Product Picture size is too big!

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #207462
    mo_da92
    Participant

    Hi guys,

    Some of the product images are too big and I am not sure how to resize them.

    Example too big: http://www.gadjetsupply.com/product/dual-car-charger-2-1-amp/

    Example correct size: http://www.gadjetsupply.com/product/classic-earphones-gadjet/

    All the new pictures that I am uploading seem to be big for some reason!

    Thanks a lot in advance!

    (The website runs WooCommerce and WordPress)

    D

    #207466
    Paulie_D
    Member

    Not much we can tell from the links..other than the smaller image actually is smaller (510×510) than the larger one (510*800).

    The div they are in has a max-width of 367px and they roughly size accordingly.

    Seems the simple answer is…use smaller images.

    #207467
    mo_da92
    Participant

    Thanks for the response Paulie_D.

    The images in both of these pages are all actually 800×800 size. When you click on the image you see the full size. The problem is that in the preview (and when you choose a colour for the product) the image should be 510×510 and not 510×800. thanks!

    D

    #207470
    Paulie_D
    Member

    Interesting…that’s not waht the HTML says.

    This image is 510×800

    http://www.gadjetsupply.com/wp-content/uploads/2014/12/Gadjet-Dual-Car-Charger-Green-510×800.jpg

    <img width="510" height="800" 
    src="http://www.gadjetsupply.com/wp-content/uploads/2014/12/Gadjet-Dual-Car-Charger-Green-510x800.jpg" 
    class="attachment-shop_single wp-post-image" 
    alt="Dual Car Charger Green Gadjet" 
    title="Dual Car Charger Green Gadjet">
    

    whereas this one is not.

    http://www.gadjetsupply.com/wp-content/uploads/2014/12/Gadjet-Classic-Earphone-Orange-510×510.jpg

    #207471
    mo_da92
    Participant

    Yes, it is strange that the original file that is shown is 510×800 instead of 800×800… I just can’t figure it out.

    #207709
    mo_da92
    Participant

    Bump.. I still haven’t found a solution for this, any help would be fantastic guys! Thanks!

    #208680
    mo_da92
    Participant

    Still not solved unfortunately..

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.