Return to previous page

Enlarging an image - by Orna Ohayon - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

Orna Ohayon

Participant

October 2, 2018 at 07:21

Hello,

I need the images that have the option for enlarge on all the site
to be enlarged when clicked
and not magnified by clicking on the arrows

Best Regards
Orna

Please, contact administrator
for this information.

#200301 Copied Theme version: Legenda_Theme_v.3.8 WooCommerce version: 3.4.3

7 Answers

Rose Tyler

Support staff

October 2, 2018 at 08:00

Hello,

Please describe the desired result in more details and provide us with correct wp-admin access.
Waiting for your reply.

Regards

#200308 Copied

Orna Ohayon

Participant

October 2, 2018 at 08:13

Hello,

https://snag.gy/ZRNhOY.jpg
there are arrows on the bottom of the product images
I like that by clicking on the image it will be enlarge

the problem on mobile that it not working even when I click on the arrows

Regards

Please, contact administrator
for this information.

#200310 Copied
Rose Tyler

Support staff

October 2, 2018 at 14:49
Hello,
```
.quick-view-popup .images .main-image-slider ul.slides .zoom-link, 
.single-product-page .images .main-image-slider ul.slides .zoom-link {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px;
}
```
Regards
#200341 Copied
Orna Ohayon

Participant

October 7, 2018 at 10:15

Hello,

I add the cod on child custom css and make save changes on custom css in WP
But I don’t see any changes

Regards
Orna

Please, contact administrator
for this information.

#200626 Copied Theme version: Legenda_Theme_v.3.8 WooCommerce version: 3.4.3

Rose Tyler

Support staff

October 8, 2018 at 09:00

Hello,

The code needs to be added in style.css file of your child theme.

Regards

#200655 Copied

Orna Ohayon

Participant

October 8, 2018 at 12:09

Hello,

So Sorry (:
I add it on style.css file of child theme and delete it on custom css
But on Mobile I don’t see that it change

Can we delete the arrows of the image?

Regards

#200688 Copied
Rose Tyler

Support staff

October 8, 2018 at 12:25
Hello,

Please add this code also:
```
.single-product-page .images .main-image-slider ul.slides .zoom-link i {
    display: none;
}
```
do not forget to clear cache before checking.

Regards
#200691 Copied
Viewing 8 results - 1 through 8 (of 8 total)