Need image sizing help please

  • skingaming

    (@skingaming)


    9 years, 2 months ago

    [ Moved to the Fixing WordPress sub-forum. ]

    I’m a student trying to build my own website. I uploaded my 500×500 product images but the theme (I assume) is resizing them to look much smaller on the product page. See here – https://www.skingaming.com.au/product/ps4-decal-battlefield-1/

    I’ve tried many different custom css codes and tried resizing from the display settings (+ regenerate thumbnails) but nothing I do will change the appearance of the image size on the product listing. When clicked on, the file itself will open to 500×500 as intended. I even tried just installing many different lightbox plugins so at least the user had an easy option to view the image in its intended size but none of them worked at all.

    Any advice would be greatly appreciated as I’m completely lost. Ideally I’d like to the image to appear about double the size it currently is in the product listing. (please note the catalog image size appears fine).

Viewing 5 replies - 1 through 5 (of 5 total)
  • deereviewer

    (@deereviewer)

    9 years, 2 months ago

    Hey did you get your theme from a third party site like envato? I would say if so contact the person who created the theme. Adding on, so you want the theme image to appear 1000×1000? Did you try doubling the size?

    Thread Starter skingaming

    (@skingaming)

    9 years, 2 months ago

    Ok thanks. I purchased the theme from templatemonster so I’ll try there as well. I have tried increasing the file size of the image however it’s effectively being displayed at about 250×250 while the image file size is 500×500 which is also the desired size I’d like it displayed at in the product image page.

    deereviewer

    (@deereviewer)

    9 years, 2 months ago

    Yeah, try template monster, post back here what you find, I’m interested to see how it all works out

    j09

    (@j09)

    9 years, 2 months ago

    @skingaming

    On the off-chance you’re still looking for a fix,

    Try this CSS

    
figure {
    margin: 0 auto;
}

#motopress-main.main-holder .content-holder div.product div.images {
    width: auto;
    max-width: 410px;
    margin: 1.3em auto;
}
    • This reply was modified 9 years, 2 months ago by j09.
    Thread Starter skingaming

    (@skingaming)

    9 years, 2 months ago

    Thanks for both of you that tried to help. After contacting Templatemonster, they addded the following into the Cherry options custom CSS:

    .single-product .woocommerce div.product div.images img {
    max-width: 200% !important; }
    .woocommerce div.product div.images img {
    width: 200% !important; }

    which fixed the problem!

    Thanks again

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Need image sizing help please’ is closed to new replies.