Cannot see woocommerce photoshipe arrows

[Sndr88]

Hello,

At the bottom of this page https://opinari-drivers.com/driving-gloves-blu-notte/ there is a woocommerce section. When you click the white arrows to enlarge the product picture, the fullscreen photoswipe slideshow opens.

However, on desktop i cannot see the white arrows to next or previous picture, and i don’t know how to make them visible. Can you please tell me how to do this?

Thanks!

[thai]

Hi There,

To fix this issue, please add this custom CSS under X > Theme Options > CSS:

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: url(//opinari-drivers.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}
.pswp__button--arrow--left {
    background-position: -132px -38px;
}

.pswp__button--arrow--right {
    background-position: -88px -38px;
}

Hope it helps

[christian]

You’re welcome. Glad we could help.