Change Image Preview Background in Gallery?

Hey guys,

is there any chance to change the background of the gallery preview. At the moment it’s a black with transparency, I want a lighter grey without transparency. In the same time I need to change the captions and button color to black, so it stand out the background.

atm:

should look like this:

I guess I´ve to use the basic configuration. But I can’t find the background row in the code (gallery-v3).
Or is this a Boilerplate thing which I can’t change?

Big Thanks!

Hi @Leon_Vogt,

changing the mfp background is not so easy and require custom code.

1 Like

In chrome I only added background: color to the mfp-content. In the Sitejet Editor I can’t find this line. I just found this in the boilerplate:
Bildschirmfoto 2022-01-08 um 15.23.07

box-shadow is the tag to change it I guess?

Cause I can’t edit the boilerplate I thought about adding background: color with !important. Could this change something or does the boilerplate overwrite all commands.

@Leon_Vogt, it isn’t that easy and I am sorry, but we can’t support on custom code.

Hi Leon

Your problem is very easy to fix.
You just have to address the class “.mfp-bg”.
If you define the background here it should work.

Best regards
Patrick

1 Like