Return to previous page

Single product page image - by pri1234 - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

  • Avatar: pri1234
    pri1234
    Participant
    May 22, 2018 at 18:35

    The size of the main product photo on the main product page is huge. Is there any way to make it smaller? I have my single product page layout as default. I have attached two links about what I am talking about. the first link is what it looks like now and the second is what I would like it to look like. Any help on this is greatly appreciated. Thank you

    Link 1

    Link 2

    Please, contact administrator
    for this information.
    #193425 Copied Theme version: latest WooCommerce version: latest
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 23, 2018 at 08:29

    Hello,

    We have added the following custom in custom CSS to limit the image max height

    .single-product .woocommerce-main-image img {
    max-height: 700px;
}
.single-product .thumbnail-item img {
    max-height: 150px;
}

    Regards

    #193438 Copied
    Avatar: pri1234
    pri1234
    Participant
    May 24, 2018 at 15:13

    That worked perfect. Thank you very much!!

    #193544 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 24, 2018 at 15:21

    Hello,

    You’re welcome!

    Regards

    #193545 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.