# Gallery stack 3 background opacity

**URL:** <https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696>\
**Category:** RapidWeaver Classic\
**Created:** [March 12, 2025, 2:37pm UTC](https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696 "2025-03-12T14:37:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![marnixvm](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/marnixvm/32/1353_2.png) [@marnixvm](https://forums.realmacsoftware.com/u/marnixvm)\
**Post date:** [March 12, 2025, 2:37pm UTC](https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696/1 "2025-03-12T14:37:18Z")

</div>

Hi,  
I’m building a new website using Foundation 6 and Gallery Stack 3 ([ScenicByMarnix.com](http://ScenicByMarnix.com)).  
The black background of the lightbox is slightly transparant and I would like it to be perfect black without transparency. I’ve tried to add the following CSS code to the page and I can change the color as well as the opacity with it but I never get non-transparant. See attached screenshot.

This is the CSS code I use:  
#Choco\_overlay {  
background-color: rgba(0,0,0,1)!important;  
}

How can I get a non-transparant background ?

 ![Scherm­afbeelding 2025-03-12 om 15.35.00](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/9/69193df1f0ee0a4b8bb25039b760b1aea8497b67.jpeg)

 ![Scherm­afbeelding 2025-03-12 om 15.06.52](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/2/62e4ddeeb72af76ba89b05feef7953a5a845d557.jpeg)

---

<div class="post-metadata">

**Author:** ![Heroic\_Nonsense](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/heroic_nonsense/32/20666_2.png) [@Heroic\_Nonsense](https://forums.realmacsoftware.com/u/Heroic_Nonsense)\
**Post date:** [March 13, 2025, 7:55am UTC](https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696/2 "2025-03-13T07:55:31Z")

</div>

Hi @marnixvm,

When I visit your site, unless I’m mistaken, the background colour of the lightbox is perfect black with just a hint of transparency:

 ![Capto_Capture 2025-03-13_08-51-37_](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/c/9c9c92ba36afdfe7e451d7d7544fa2093e03c722.jpeg)

This is reflected in the CSS too:

 ![Capto_Capture 2025-03-13_08-52-29_](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/1/012c188da66bfc465a2b7e8e8cf50c1a26f8757e.png)

If you don’t need any transparency, either leave out the setting entirely or set it to 0. (it’s currently set at 0.9).

If leaving out the setting entirely makes the lightbox default to transparency, then the transparency is hardcoded and you’ll need to set it to 0 manually. Add !important to force override the default CSS that the stack generates.

Cheers,  
Erwin

---

<div class="post-metadata">

**Author:** ![marnixvm](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/marnixvm/32/1353_2.png) [@marnixvm](https://forums.realmacsoftware.com/u/marnixvm)\
**Post date:** [March 13, 2025, 11:07am UTC](https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696/3 "2025-03-13T11:07:12Z")

</div>

Thx Erwin for your reply and you insight.

I can see this Opacity: 0.9 but I don’t see the location in RW where I can overide it. Any idea ?

I’ve tried the following code in the CSS tabs both at the level of the page and at the site level. Same result. Although I can change the background color and transparancy with it but the maximum transparancy I get is 0.9. Never 1.

#Choco\_overlay {  
background-color: rgba(0,0,0,1) !important;  
}

And if I use for example:  
#Choco\_overlay {  
background-color: rgba(0,0,255,0.5) !important;  
}  
I get a blue half transparant background…

---

<div class="post-metadata">

**Author:** ![marnixvm](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/marnixvm/32/1353_2.png) [@marnixvm](https://forums.realmacsoftware.com/u/marnixvm)\
**Post date:** [March 13, 2025, 11:16am UTC](https://forums.realmacsoftware.com/t/gallery-stack-3-background-opacity/46696/4 "2025-03-13T11:16:40Z")

</div>

Hi Erwin,

Problem is solved and works fine.  
I used the following CSS code:

#Choco\_overlay {  
background-color: rgb(0,0,0); opacity: 1 !important;  
}

This works as I wanted it to work.

Thx for your help.  
Kind regards,  
Marnix