Changing background color

Hi @lisia,

try:

#baguetteBox-overlay {
  background-color: rgba(100, 0, 0, 0.8) !important;
}

The !important is… important.

Hello Johannes!
I have tried this already yesterday – without any success.
Now I have your code on my page:

/*Kinast*/
#baguetteBox-overlay {
background-color: rgba(0A,7D, 84, 0.5) !important; }

see here please
Hmmm???
Best regards, lisia

I also have deleted the cache from autopitimize!

@lisia I’ve taken a look at the source code of the page, but I can’t find the code. How do you add it?

The rgba function just accepts values between 0-255 for red, green, blue, take a look at: https://www.w3schools.com/cssref/func_rgba.asp
For the Hex-Code #0A7D84 you have to use rgba(10, 125, 132, 0.5)

Thanks you for your explanation.
Now I have added the code in additional css again:

#baguetteBox-overlay {
  background-color: rgba(10, 125, 132, 0.5) !important; }

Nevertheless it doesn’t work.

You will find the code in the source code now.

Best regards, lisia

I found it here: https://krankenhausdirektoren.at/wp-content/cache/autoptimize/css/autoptimize_2650b46f124c106813fbe0b44fcae45a.css

But it is not correctly formatted:

.customVideoAnnotation{
opacity:0;
#baguetteBox-overlay{background-color:rgba(10,125,132,.5) !important}

It is part of .customVideoAnnotation at the moment. It must look like this:

.customVideoAnnotation{
opacity:0;
}
#baguetteBox-overlay{background-color:rgba(10,125,132,.5) !important}

Hello Johannes, I did so, I even added an !important:

.customVideoAnnotation{
opacity:0 !important;
#baguetteBox-overlay{background-color:rgba(10,125,132,.5) !important}

No change.
Maybe the first code would work, when i deactivate autopimize?

Best regards, lisia

@lisia try it

Is it all in additional css?

I have found the problem in my additional css:
For d-flip i have used the code

/* Make the highlight transparent - no color */
section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{
    opacity:0; 

I have deleted it now and everything is working.
A lot of thanks, best regards, lisia

Great! You are welcome to leave a review: https://www.ads-software.com/support/plugin/gallery-block-lightbox/reviews/#new-post ??