Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 9, 2015 at 3:00 am #441837
    OneClickTech

    Hi.
    I have tried the below css from another post to change the size of my image and its not working.
    I am trying to change the image to a landscape of about 600x370px.

    Can you please off some assistance.

    https://kriesi.at/support/topic/single-product-page-image-sizes/
    .single-product .container .four.units {
    width: 350px;
    }
    .single-product .container .eight.units {
    width: 510px;
    }
    …………………………….
    I have added this code and it has got the image width correct. I now just want the depth to be adjusted.
    .single-product-main-image {
    width: 50%;
    }

    May 11, 2015 at 9:36 am #442294
    Ismael

    Hi OneClickTech!

    Thank you for using Enfold.

    Looks like you managed to increase the width of the image container:

    .single-product-main-image {
  width: 50%;
}

    Best regards,
    Ismael

    May 11, 2015 at 9:48 am #442302
    OneClickTech

    I think you must have missed my question.
    I am trying to change the image to a landscape of about 600x350px.
    I said i increased the width,but i need to adjust the height to about 350px height.
    Thx

    • This reply was modified 8 years, 11 months ago by OneClickTech.
    May 13, 2015 at 4:44 am #443507
    Ismael

    Hey!

    Oh. Alright. Adjust the Single Product Image thumbnail size on Woocommerce > Settings > Products > Display panel. Regenerate the thumbnails after: https://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Ismael

    May 13, 2015 at 5:09 am #443517
    OneClickTech

    Hi Ismael.

    I had already tried that.
    As you can see the bottom border is missing and the mouse overlay is not centered when i have this code in. I have removed it now so you can see the problam easier. Thank you

    .single-product-main-image {
  height: 300px;
}
    • This reply was modified 8 years, 11 months ago by OneClickTech.
    May 14, 2015 at 4:46 pm #444401
    Andy

    Hey!

    try this code:

    img.attachment-shop_single.wp-post-image {
width: 600px !important;
height: 350px !important;
}

    Regards,
    Andy

    May 15, 2015 at 2:35 am #444711
    OneClickTech

    Thank you Andy.
    That worked. Most appreciated.

    May 15, 2015 at 10:08 am #444852
    Rikard

    Hey!

    Great, glad we could help.

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change the size of Single product page main image’ is closed to new replies.