Return to previous page

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

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.

#305590 Copied Theme version: 8.0.7

4 Answers

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

#305615 Copied

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.

#305742 Copied

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

#305745 Copied
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
#305767 Copied
Tagged: 800px x 800, hover title, product image, remove, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)