Hi @lisia,
try:
#baguetteBox-overlay {
background-color: rgba(100, 0, 0, 0.8) !important;
}
The !important is… important.
Thread Starter
lisia
(@lisia)
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
Thread Starter
lisia
(@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)
Thread Starter
lisia
(@lisia)
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}
Thread Starter
lisia
(@lisia)
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?
Thread Starter
lisia
(@lisia)
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
