Remove Background From Pinterest Block

Hi @sayandutta,

I am not sure why your Pinterest embed is showing a grey background, I checked the block on a different site using the Twenty-Twenty Two theme + Gutenberg and it’s showing the expected color:

https://thelmatest.mystagingwebsite.com/sample-page/

However, I checked the CSS on your site and it seems like this can be removed by changing the background color for your site’s body from transparent to white.

There is a great chance this is something coming from the theme you are using, you can troubleshoot to see where the color is coming from by temporarily changing the theme and deactivating all plugins besides Gutenberg on the site. Once you have that information you can reach out to the developers to see how best to change the color without using CSS.

In the meantime, you can add the CSS below to your site to c change the background color from transparent to white:

body {
    background: white;
}

Thanks for that, actually it would be better to just change the background color of the iframe wrapper than your site’s body. You can try the CSS code below:

.iframe-wrapper, .wp-video {
    background: #fff;
}

Great!

Let me know how it goes. You might need to add !important to the code but this should be done as the last resort. So in this case the code will look like this:

.iframe-wrapper, .wp-video {
    background: #fff !important;
}