Skip to content

Instantly share code, notes, and snippets.

@askwpgirl
Created February 27, 2025 01:40
Show Gist options
  • Save askwpgirl/5daf4c7e8b6e43b952df6d71dd2a32ca to your computer and use it in GitHub Desktop.
Save askwpgirl/5daf4c7e8b6e43b952df6d71dd2a32ca to your computer and use it in GitHub Desktop.
CSS for Elementor's broken lightbox styles
/* Elementor's Site Settings for Lightbox icon colors
has been broken for a long time.
You can use the code below in your custom CSS to control
the icon colors */
.elementor-slideshow__header,
.elementor-lightbox .dialog-lightbox-close-button,
.elementor-lightbox .elementor-swiper-button {
color: #000 !important;
}
.elementor-slideshow__header > i:hover,
.elementor-lightbox .dialog-lightbox-close-button:hover,
.elementor-lightbox .elementor-swiper-button:hover {
color: red !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment