# How to change photo background color

**URL:** <https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871>\
**Category:** RapidWeaver Classic\
**Created:** [January 9, 2025, 5:03pm UTC](https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871 "2025-01-09T17:03:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![KyleKane](https://avatars.discourse-cdn.com/v4/letter/k/8baadc/32.png) [@KyleKane](https://forums.realmacsoftware.com/u/KyleKane)\
**Post date:** [January 9, 2025, 5:03pm UTC](https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871/1 "2025-01-09T17:03:50Z")

</div>

Quick Question:  
my site is [www.kylekane.com](http://www.kylekane.com)  
I am using the Royale theme and I want to change the color of the background when you click on a photo from white to black. Any help on how I could do this would be great. Thank you.

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [January 14, 2025, 4:38pm UTC](https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871/2 "2025-01-14T16:38:00Z")

</div>

Hi @KyleKane,

You can use the below CSS to change the background to black on image zoom

```auto
.zoom-overlay {
    background: #000;
}

```

You can add the above CSS on a per page basis like so:

 ![page-specific](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/0/e09f03fd23cb1e7cd699a09be36f39e5b30f0a78.jpeg)

Or site wide like so

 ![site-wide](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/8/48c9dd2afdbe2fec868de3ab5cba33e17e48514e.jpeg)

Let us know if that doesn’t help.

---

<div class="post-metadata">

**Author:** ![KyleKane](https://avatars.discourse-cdn.com/v4/letter/k/8baadc/32.png) [@KyleKane](https://forums.realmacsoftware.com/u/KyleKane)\
**Post date:** [January 14, 2025, 10:02pm UTC](https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871/3 "2025-01-14T22:02:54Z")

</div>

This is exactly what I needed! Thank you for taking the time to help me out with this!

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [January 15, 2025, 4:11pm UTC](https://forums.realmacsoftware.com/t/how-to-change-photo-background-color/45871/4 "2025-01-15T16:11:04Z")

</div>

Not a problem, happy to help.