@RealMessyBits

How to Hide Pinterest Images In Blog Posts

Hide Pinterest Images

Here at Messy Bits, we use affiliate links.  That means, if you click a link and make a purchase we may make a small commission at no additional cost to you. It’s how we keep things running and we appreciate your support.

Ever been on a blog post or article and get totally annoyed by giant Pinterest images taking up space and making the article harder to read? Have you ever wondered how to hide Pinterest Images in blog posts? Well, you’re in luck. It’s easy to do so right now we’re going to go through a quick tutorial.

Here’s the breakdown.

  1. Add a new image block.
  2. Insert images into the post where ever you’d like them (I typically add them at the very end of the post, but the choice is yours.)
  3. Click the 3 dots and select “Convert to HTML” from the dropdown.
  4. Replace or remove the following: figure class=”wp-block-image”
  5. Replace it with: div style=”display:none;”
  6. Make sure < is at the beginning and > at the end of what you just wrote in.
  7. Replace or remove the following from the end of the code: figure
  8. Replace it with: div
  9. Make sure </ is at the beginning and > at the end.
  10. That’s it!

Love this tutorial? Pin it for later – ya know, just in case. 🙂

Get It Together

Grab our Productivity Planner and get everything on track. 

editor’s picks

Your Productivity Is Waiting.