Image zoom background color

Suporte Dúvidas
1

Hello!
I need help with this thing - when I click on item image it opens the image in zoom mode , but the background in that mode is black. Is there any option to change that color to white (or any other color). I’m using Tainacan with Blocksy theme but could not find that kind of color preference in Blocksy customization.

Tnx
Vedran

2

Hey @Vedran_Serbu, welcome to our forum!

In fact, there is no such option so far, but I would be glad to add it to a next release in a couple of Weeks, it is not that hard to implement.

Meanwhile, I can provide you with a snippet of CSS that should do most of the job. Be back soon :sunglasses:

3

So here is what I would to for a quick solution. Into your WordPress Customizer, go to “Custom CSS” and add the following:

.tainacan-photoswipe-layer .pswp__bg {
    background-color: rgba(255, 255, 255, 0.85);
}
.tainacan-photoswipe-layer .pswp__ui--fit .pswp__top-bar,
.tainacan-photoswipe-layer .pswp__ui--fit .pswp__caption {
    background-color: rgba(255, 255, 255, 0.7);
}
.tainacan-photoswipe-layer .pswp__top-bar .pswp__name,
.tainacan-photoswipe-layer .pswp__caption__center {
    color: black;
}
.pswp__button, .pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    filter: invert(100%);
}
.pswp--css_animation .pswp__preloader__donut {
    border: 2px solid #000000;
}

Let me now if that is enough :wink:

4

Closing this as solved in the topic Problem with new version of Tainacan - image viewer media gallery - #5 por mateus.m.luna