Return to previous page

Product Magnifying Glass - by gurhan - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

gurhan

Participant

October 24, 2015 at 16:00

Can I change this to a magnifying glass –> http://prntscr.com/8usr3a

#95884 Copied

7 Answers
Eva Kemp

Support staff

October 26, 2015 at 10:21
Hello,

Please use this code in Theme Options > Custom CSS > Global Custom CSS:
```
.product-lightbox-btn::before {
    content: "\f00e";
}
```
Regards,
Eva Kemp.
#95974 Copied
gurhan

Participant

October 26, 2015 at 19:40
Eva,

I received a different code in my email:
```
.product-lightbox-btn::before {
    content: &quot;\f00e&quot;;
}
```
which one is correct???
#96141 Copied
Eva Kemp

Support staff

October 26, 2015 at 19:48
Hello,

The code is
```
.product-lightbox-btn::before {
    content: "\f00e";
}
```
Regards,
Eva Kemp.
#96145 Copied
gurhan

Participant

October 29, 2015 at 08:09

Hello Eva,

How is that magnifying glass placed? is it placed with respect to the size of the picture or does it have a set place?

#96646 Copied

Eva Kemp

Support staff

October 29, 2015 at 09:47

Hello,

Do you want to increase size of the icon?

Regards,
Eva Kemp.

#96680 Copied

gurhan

Participant

October 29, 2015 at 10:09

I actually would like to do 3 things:

1. Increase the size
2. Change the colour
3. Move it down a little bit

Is that possible?

Thank you.

#96686 Copied
Eva Kemp

Support staff

October 29, 2015 at 11:39
Hello,

1./2. Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.product-lightbox-btn:before {
    color: #F09243 !important;
    font-size: 18px !important;
}
```
3. Use this css code:
```
.product-lightbox-btn {
    margin-bottom: -15px !important;
}
```
Regards,
Eva Kemp.
#96710 Copied
Viewing 8 results - 1 through 8 (of 8 total)