# Image zoom background color

**URL:** <https://tainacan.discourse.group/t/image-zoom-background-color/381>\
**Category:** Dúvidas\
**Created:** [Agosto 4, 2021, 9:35am UTC](https://tainacan.discourse.group/t/image-zoom-background-color/381 "2021-08-04T09:35:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vedran\_Serbu](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/vedran_serbu/32/218_2.png) [@Vedran\_Serbu](https://tainacan.discourse.group/u/Vedran_Serbu)\
**Post date:** [Agosto 4, 2021, 9:35am UTC](https://tainacan.discourse.group/t/image-zoom-background-color/381/1 "2021-08-04T09:35:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Agosto 4, 2021, 10:31am UTC](https://tainacan.discourse.group/t/image-zoom-background-color/381/2 "2021-08-04T10:31:07Z")

</div>

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 🕶

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Agosto 4, 2021, 11:42am UTC](https://tainacan.discourse.group/t/image-zoom-background-color/381/3 "2021-08-04T11:42:58Z")

</div>

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

```css
.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 😉

---

<div class="post-metadata">

**Author:** ![mateus.m.luna](https://yyz2.discourse-cdn.com/free1/user_avatar/tainacan.discourse.group/mateus.m.luna/32/3_2.png) [@mateus.m.luna](https://tainacan.discourse.group/u/mateus.m.luna)\
**Post date:** [Agosto 27, 2021, 12:38pm UTC](https://tainacan.discourse.group/t/image-zoom-background-color/381/4 "2021-08-27T12:38:03Z")

</div>

Closing this as solved in the topic [Problem with new version of Tainacan - image viewer media gallery - #5 por mateus.m.luna](https://tainacan.discourse.group/t/problem-with-new-version-of-tainacan-image-viewer-media-gallery/427/5)