Product image hover title remove and product image set all same size 800px x 800

This topic has 5 replies, 3 voices, and was last updated 3 years, 2 months ago ago by Olga Barlow

  • Avatar: ibnasina
    ibnasina
    Participant
    October 16, 2021 at 19:19

    Please help me to remove all images hover title and set 800px x 800px for the single product page product images size.

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 17, 2021 at 08:43

    Hello,

    Thanks for using our theme.
    1/ Please check this topic https://www.8theme.com/topic/turn-off-tooltips-text-on-single-product-page-images/
    2/ Read about image size settings – https://www.8theme.com/documentation/xstore/woocommerce/product-images/
    Theme Options > WooCommerce > Single Product Builder > change width of section that contains the gallery https://prnt.sc/1wh0pqm

    Regards

    Avatar: ibnasina
    ibnasina
    Participant
    October 18, 2021 at 15:13

    https://prnt.sc/1wm9ub9
    https://prnt.sc/1wm9vkk

    check theses 2 product image. i set the size from woocommerce but still its showing differnt size.. i want to show all images same size on single page.

    Avatar: ibnasina
    ibnasina
    Participant
    October 18, 2021 at 15:54

    also i want to change woocommerce message title background color.
    i used css .woocommerce-message{
    background-color:#000;
    }

    but its not working with the theme
    https://prnt.sc/1wmdyii

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 18, 2021 at 17:47

    Hello,

    WooCommerce allows change only the width of the image in the image size settings. It does not allow to limit the height of the images. So, either edit your images before uploading them to your media library and make all the images the same size. Or use custom CSS (Theme Options > Custom CSS or child theme style.css) to limit height of the image, for example

    .woocommerce-product-gallery__image img.attachment-shop_single {
        max-height: 446px;
        width: auto;
    }

    2) I added the below code to child theme style.css and it works ok

    .woocommerce-message {
        background: #262626;
    }

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

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

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