Settings for "X" Close Icon

[MWPA]

It would be great if there were more features for the "X" Close Icon. Currently, you can only choose the color or upload a custom "X" Close Icon.

I think it would be nice if you could set a mouseover color or effect as well.

Additionally, it would be great if the "X" Close Icon had the same spacing around it as set by the "Space Around Image" option. This would create a nice frame in your layout.

[arminunruh]

do you mean for page overlays or project overlays?

[MWPA]

I think in general, so for both?

[arminunruh]

which "Space Around Image" setting do you mean?

I think in general, so for both?

if you let me know if you're using page overlay or project overlay, i can help you with custom css for the mouseover color

[MWPA]

Ah, okay, thanks. I need it for the page overlay that is activated when the Lightbox is active.

https://ninetkaijser.nl/series/micro/

I’ve set my margin using the following code:

@media (min-width: 601px) {
  body.lightbox-css-on .close-lightbox {
    padding: 48px !important;
  }
}

A hover state that changes to white would be nice.

[arminunruh]

u're using a custom svg image as the close icon
i cant put a hover color on this with custom css i think