Photo galleries are showing with the lower part of image blurry

  • Resolved Andrzej

    (@ukandrzej)


    1 week, 1 day ago

    Recently the images in all my WordPress core photo galleries are showing with the lower part of images blurry. On cycling through galleries all is fine. I’m not sure if this is due to something in Firelight, or the recent update to WordPress 6.7. My setup is Gutenberg, Astra Pro and Spectra. If I remove the image captions, as I have done in the first gallery image, the image is sharp throughout.

    • This topic was modified 1 week, 1 day ago by Andrzej.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author FirelightWP

    (@firelightwp)

    I see the effect you’re talking about. That’s unrelated to Firelight, which is just for opening the images larger.

    Something is adding blur behind your captions. I see those are just image blocks. Unless I’ve missed something, I don’t think that styling is coming from the default image block. So something else – maybe your theme or a plugin – is adding extra styles.

    Even without knowing what’s adding it, you can remove by overriding the CSS that’s adding the blur:

    .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
      display: none;
    }
    Plugin Author FirelightWP

    (@firelightwp)

    Given this isn’t Firelight related (and given the CSS above should resolve it in any case), I’m going to go ahead and mark this resolved. But please feel free to ask other questions on the plugin if you have them.

    Just for posterity, as I had an issue with this too, this blur style was added to the gallery block in WordPress core per https://github.com/WordPress/gutenberg/pull/63471

    Plugin Author FirelightWP

    (@firelightwp)

    @dll416 – Great information – that I missed. Thank very much for posting / sharing.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.