Pop Up Images - Transparency on Black

Hello,

We will answer you for your both questions in the same move.
Follow us step by step to edit your frontend file css and add your required Css command.
1. Learn the theory, here
2. Create a good selector, in order to determine the target of your new css command
Ex :

.your_target_class {
     // Your command css that must "override" the current css command
     background-color: #fff
 }

Hello,

Because you have to learn yourself how to build your own css command and here selector, that the best way.
"give someone a fish, you fed him for a day, teach him how to fish, you fed him for life."

And basically, the forum can't be a copy/paste code request place.
Regards

Hello,

I'm sorry if my answer was unpleasant to you, that was really not the point and I really believed that my message ( here ) allowed you to understand the principle... As you didn't really say that my answer was insufficient ...

And so, there are misunderstood here, my point was to explain why we guide you like this and not of course to "play" with you.
The point was to show you how to proceed to reproduce the operation, because this can always by useful.

Plus, you have a concrete example in my screenshot, and in this specific case the css code wasn't changed by the HikaShop team, but we changed the popup system there because the old one that was there by default wouldn't be in Joomla 4, so we had to switch to another one. Also, the new one has next and previous buttons for when you have several images to switch between them, which wasn't the case with the previous popup system.
It's true that the background color change wasn't in our mind when we process this required change.

Now, in order to prove our goodwill, here the relative code :
1. For the button color :

a.hikacart {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

div#sb-wrapper-inner div#sb-body {
    background-color: #fff;
}

Hello,

In order to remember or easily locate your changes, put the code at the end can be already a solution, and you can add some comments, like this :

/* This custom code is for button modification */
a.hikacart {
    background-color: red;
    border-color: red;
}
a.hikacart: hover {
    background-color: blue;
    border-color: blue;
}