gerritschuster

Thank you Frank. It works like that mostly. ?? the br I cannot get rid of. But I solved it by moving the whole iL 16px up. I still think you mixed the values of width and max-width. But it works anyway.

Thank you!

To simply change the color of the Buttons from white to black, you can use the filter:invert(100%)

Looks like this:

.pswp__bg,
.pswp__top-bar {
	background-color:white !important;
}

.pswp__counter {
	color:black;
}

.pswp__button--close,
.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom,
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	filter: invert(100%);
}

Like Arno told, if you need other colors, you have to experiment with different filters as well. Find out more here for example: https://webcode.tools/generators/css/hue-rotate

*Thx a lot Arno for this great plugin!

• This reply was modified 2 years, 6 months ago by gerritschuster.

To simply change the color from black to white, you can use the filter:invert(100%)

Looks like this:

.pswp__bg,
.pswp__top-bar {
	background-color:white !important;
}

.pswp__counter {
	color:black;
}

.pswp__button--close,
.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom,
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	filter: invert(100%);
}

Like Arno told, if you need other colors, you have to experiment with different filters as well. Find out more here for example: https://webcode.tools/generators/css/hue-rotate

*Thx a lot Arno for this great plugin!

• This reply was modified 2 years, 6 months ago by gerritschuster.
• This reply was modified 2 years, 6 months ago by gerritschuster.