The reason for the background is the following CSS rule which also applies to the Photoswipe buttons since Photoswipe uses <button> elements for the navigation:
button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
background-color:
#feffff;
}
This is bad style and I consider this a bug in the theme – a CSS rule should never apply globally to all elements without a class (button:not(.toggle)). I don’t know yet how I can create a workaround to fix this. You should ask the creators of Twenty Twenty to fix this CSS rule so it will not affect button elements which are not part of the theme. Maybe you can create a child theme and fix the rules yourself.
After some more research I found a workaround which I may include with the next update.
The skins will have the following CSS rule to remove the button background color set by Twenty Twenty:
.pswp__button {
background-color: #00000000 !important;
}
Edit: I tested rule above with Twenty Twenty and it seems to work so far. But I still have to verify that this does not create other problems.
-
This reply was modified 6 years, 3 months ago by
Arno Welzel.
-
This reply was modified 6 years, 3 months ago by
Arno Welzel.
I wrote to the authors of the topic 2020. However, there is still no answer.
I am very glad that you managed to find a workaround for solving the problem. I hope to see this fix in the next update. Many thanks
I just released version 2.50 which includes the mentioned CSS workarounds for the Twenty Twenty theme.
Thank you so much, everything works.
The best plugin