Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter visitor

    (@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!

    visitor

    (@gerritschuster)

    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 3 years, 9 months ago by visitor.
    visitor

    (@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 3 years, 9 months ago by visitor.
    • This reply was modified 3 years, 9 months ago by visitor.
Viewing 3 replies - 1 through 3 (of 3 total)