Gallery and Slider blocks not working with dark mode
-
Hello!
The Post Carousel (with background image) and Gallery Spectra blocks don’t work with dark mode on my website.
- The dark mode css is very simple (just sets the background color to dark gray for the body class). (see below)
- This works perfectly for regular images (both wordpress default and spectra image blocks) as well as default WordPress galleries, but not for Spectra galleries or sliders. Image: https://i.imgur.com/JPFWmzF.jpg
- I’ve tried overwriting the background color for specific Spectra elements (.spectra-image-gallery__media-thumbnail-caption, .spectra-image-gallery__media-thumbnail-caption–overlay) through the :not modifier in my style sheet as well as the additional CSS option in WordPress, neither one helped.
Any ideas of what I can do to fix this?
body.nm_active, body.nm_active *, body.nm_active ::after { background-color: #1c1b1b !important; color: #d3d3d3 !important; border-color: #d3d3d3 !important; }
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Gallery and Slider blocks not working with dark mode’ is closed to new replies.