background blocking text

Can you share a link to a page or post where this happens?

Thank you. The link is below. It only happens on smaller screens (i.e. mobile)

https://rectangularview.com/2023/04/07/movie-review-the-hanging-garden/

Movie Review: The Hanging Garden – The Rectangular View

Add this to your css:

.warning-cacsp-iframe-content,
.warning-cacsp-object-content {
background: pink;
}

And change the color to whatever you like.

Thanks. That works for changing the background color, but it won’t move the area below the text on mobile phones. I wish I could include a picture to explain better.

Use https://imgbb.com/

Sorry, but I didn’t really get how the upload worked. Here’s a link to the mobile screenshot. I made the background blank so you can see how it overlaps the text.

https://rectangularview.com/wp-content/uploads/2023/04/Screenshot_20230410-061606.png

Strange indeed. Must be something strange with the theme’s css.

Was hoping it was my custom CSS, but it still happened when I removed it. I’m only okay with CSS, so I may have to switch themes if I can’t find a fix.

Thanks for your help. It’s a really nice plugin, BTW. ??

Do you know of a specific class or selector I should look for?

I found a fix that will work until I get another theme. It adds a little extra space at the top on a desktop but looks good on a mobile phone.

.warning-cacsp-iframe-content,
.warning-cacsp-object-content {
display: inline-block;
background: none;
font-weight: bold;
}