CSS Snippet against the blurring in the picture

  • Resolved meike297

    (@meike297)


    2 months ago

    Hello. I had problems with my image presentation. Namely, when I inserted a caption, it displayed the image blurred in the lower part, so that you could not see a part of the picture. I have now inserted this code as a CSS snippet: is that correct? And which location should I specify? Header, footer or body? Or admin headers?

    .wp-block-gallery.has-nested-images
    figure.wp-block-image:has(figcaption):before {
    backdrop-filter: none;
    }

    Is this Code correct?
    Kind regards, Meike

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

    (@gripgrip)

    Hi @meike297,

    If the CSS you are adding is used on the frontend, it’s usually recommended to add it in the Site Wide Header location so that it takes effect when the page is loaded. You can also add it in the Site Wide Footer location for performance, but if it’s just this small CSS block it won’t really make a difference either way.

    Thread Starter meike297

    (@meike297)

    Thanks. Currently I have set the location “website far in the header” and it is so that the blurry in the frontend is gone, but still displayed in the editor in the backend?

    Plugin Author Mircea Sandu

    (@gripgrip)

    Hi @meike297,

    I understand, the snippet will only be loaded in the frontend – if you want to also load it in the admin you are going to have to create a separate snippet for the admin and set it up in the same way but use admin-header location. I made a note to look into ways in which we can improve this experience.

    Thread Starter meike297

    (@meike297)

    but why cant I choose ?admin header“ for this, without creating a new snippet? Anyway its not a problem, the important thing was to solve the picture blurring in the website for my readers ??

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