Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 6, 2015 at 6:38 pm #498929
    JolandaMoose

    Hi,

    i want to change the size of the featured images used with WooCommerce. I want a smaler picture on the product page, as it is now witdh 400 pixels. I changed the settings within WooCommerce itself, the product image size. But that only changes the way they are uploaded, not the way they are shown on the product page. I know it must be possible, becaus in the preview the picture’s witdh is 325 px.
    Please can you help me.
    Thanks.

    September 7, 2015 at 8:38 am #499100
    Rikard

    Hey JolandaMoose,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    September 7, 2015 at 8:42 am #499102
    JolandaMoose

    Hi Rikard,

    i’m affraid not, i’m working wit Mamp, so it’s not on line :-(
    Is a screenshot helpfull?

    With regards
    Jolanda

    September 7, 2015 at 10:01 am #499142
    Rikard

    Hi Jolanda,

    A screenshot would help yes, please upload to for instance imgur.com or a public dropbox folder and then link to it here. If you could upload what you have already to a live server somewhere it would be great too.

    Best regards,
    Rikard

    September 7, 2015 at 10:21 am #499150
    JolandaMoose

    Hi Rikard,

    https://www.dropbox.com/s/pcel4m7ru4o9v7b/jolanda-moose.zip?dl=0
    i made a few snapshots, so you can see what i mean.
    I know the picture is blurry because in the settings i gave the product image 325 x 325. It is showns 400 pixels width. I want it shown on the frontend with 325 pixels width or even less.
    Thanks so far for your help

    Regards
    Jolanda

    September 8, 2015 at 7:04 am #499668
    Ismael

    Hi!

    Add this in the Quick CSS field to adjust the product image:

    #top .product div.images img {
    max-width: 325px;
    margin: 0 auto;
}

    Cheers!
    Ismael

    September 8, 2015 at 8:56 am #499717
    JolandaMoose

    Yes that did it.Thanks for the support Ismael and Rikard.
    Can i adjust the border as well? The margin sais auto, but when i change the auto to 20px the pictures just moves to the left within the border.

    regards
    jolanda

    September 9, 2015 at 5:18 am #500181
    Rikard

    Hi,

    Could you try using the !important statement to see if that helps maybe?

    #top .product div.images img {
margin: 20px !important;
}

    Best regards,
    Rikard

    September 9, 2015 at 9:16 am #500243
    JolandaMoose

    Hi Rikard,

    no unfortuneatly … it moves to the left, there is now more space on the right.
    I display books, so the proportions are changing every single book. The productminiatures are just fine. It’s only with the product image.

    But i’ll let you know when we go online, maybe you can take a look then.

    Many thanks and have a nice day
    Jolanda

    September 10, 2015 at 1:27 pm #500999
    Andy

    Hey!

    yeah, we need a link to inspect the elements. Let us know when you are ready.

    Best regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.