• Resolved ladynerevar

    (@ladynerevar)


    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.