Need some help with product page styling

[georgie]

Apologies if this has already been asked, I tried search but couldn’t find anything that worked for me. I would like to do two things:

1.) Remove the shadow from the product images in the product page
2.) Change colour of the discounted price

Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Please add this to Theme Options => Custom CSS:

.woocommerce.product-shadows.product-standard #product-img-slider .lSSlideWrapper, 
.woocommerce.product-shadows.product-standard #product-img-slider .lSPager.lSGallery li, 
.woocommerce.product-shadows .lSAction>a, .woocommerce.product-shadows #product-img-noslider ul.slides>li, .woocommerce.product-shadows div.product div.images .flex-control-thumbs li img, 
.woocommerce.product-shadows div.product div.images.woocommerce-product-gallery .flex-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

2) Please add this to Theme Options => Custom CSS:

.price ins {
    color: red;
}

[georgie]

Thank you David. It works perfectly. One more request:

How do I remove the magnifying glass icon from the product image slider, but still keep the hover to zoom function?

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

[georgie]

Thanks for the help, the support has been great.

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David