How to Hide Vertical Pins on Your Blog Post

Have you ever tried to Pin a blog post for later – and then find that when you click on the Pinterest icon, there are other images you can choose from? Ever wonder how to do it? I can show you how!

Why Hide Your Pin Images

First, let’s talk about why you should hide your pin images in your blog.

Having too many images within your blog post can be very distracting – particularly when your reader is scrolling on a smartphone. It takes up the whole screen. But you need those images because this gives your readers options to choose from when pinning to save your post for later.

Related Posts: 

Why Vertical

Studies have shown that vertical pins ie, tall images, outperform horizontal pins.

Pinner behavior has shown that they prefer vertical pins, without really knowing it, because they get to see more of the image. Always remember that Pinterest is a visual search engine, so you’ve got to make your images visually appealing and with a font that stands out and is easy to read.

Try it for yourself – scroll through Pinterest on your smartphone. Which pins do you find yourself attracted to?

Now, if you use Canva (which I do), you’ll find that there is already a Pinterest template that you can use. It is preset at  736 pixels in width by 1103 pixels in height.  You can however custom your image to a size that you prefer to work with, bearing in mind that the best performing pin sizes are from 736 pixels in width up to a maximum of 2061 pixels in height.

How to Hide Vertical Images In Your Post

Before going into the step by step, I wanted to tell you about an eBook/Course that I purchased. It’s called Pinteresting Strategies

I truly loved Carly’s eBook, because it was full of real and actionable steps to get my Pinterest game on. She also helped me to understand that it’s not about the number of followers you have – believe me, that made me feel so much better! Head on over here to see how it helped me with my success to date.

Okay, so here’s how it goes – assuming you have already created the images you would like to hide.

Hide Vertical Images: Step One

At the very end of your post, insert your image as you would normally, only this time, do so using the Text View.

Hide Vertical Images: Step Two

Now we do a bit of simple coding.

At the very beginning of the image code, insert the following text:

<div style=”display:none;”>

And at the very end of the image, insert the following text:


This is what your code should now look like:

Coding - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

So what you’ve basically done is:

<div style=”display:none;”><YOUR_IMAGE></div>

OKAY – are you still with me? Awesome!

Hide Vertical Images: Step Three

Revert to your Visual View (as opposed to Text View), and check out what you’ve done. You should not see your image in the post.

Visual View - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

Hide Vertical Images: Step Four

Do the same (Steps 1-3) with all the other images you’ve created, and that you would like hidden. It is recommended that you have at least two images hidden, so that you can perform some A/B testing (which really only means, testing which of the two images perform better for you).

Hide Vertical Images: Step Five

Now you can go ahead and publish your post! When someone goes to Pin your post, they will be presented with the images that you have hidden.

Why Isn’t It Working For Me?

Okay, so if the steps above aren’t working for you, it is likely that you have typed the code incorrectly.

Goodness knows it took me soooo many times to get it right! I was getting so frustrated. I didn’t realize that my error was all because of one teeny tiny mistake! Oops!

So… just in case you do end up making the same mistake that I did… don’t get frustrated (like I did!!), instead…

  1. Check to see that you have typed the code incorrectly as <div style=”display:none;”><YOUR_IMAGE></div>. Note that the punctuation after the word NONE is a semi-colon, not a colon like after the word DISPLAY. (That was my little but big mistake!)
  2. OR – Copy and paste the code to avoid human errors. Beginning <div style=”display:none;”> and Ending with </div>

How’d that go for you? All good? Now you can start hiding some pin images into your blog post!

Now, remember, if you need more Pinterest tips, make sure you get Pinteresting Strategies. It’s affordable, and you won’t regret it. I certainly didn’t! I still keep referring back to it.

If you’re new to blogging, I would truly recommend Dare to Conquer by Scrivs. 

Happy image hiding!



SIGN UP NOW and BE THE FIRST to get updates on posts, tips, and Freebies - This Blended Home of Mine - Simplify Life - Parenting, Lifestyle, Money, Career

How to Hide Vertical Pinnable Images On Your Blog Post - This Blended Home of Mine - Blogging Tips, Pinterest Tips, Vertical Pins, Hide Pins
How to Hide Vertical Pinnable Images On Your Blog Post - This Blended Home of Mine - Blogging Tips, Pinterest Tips, Vertical Pins, Hide Pins
How to hide vertical images in your blog post - This Blended Home of Mine - how to hide images in blog post, pinterest

Share this post with your friends โ™ฅ

17 thoughts

  1. Hi, this is really a great guide. Thanks for sharing

    1. thisblendedhomeofmine says:

      Thanks Ciara ๐Ÿ™‚

  2. THANK YOU, thank you, thank you! I was looking for this information just yesterday. They say when you are ready for the teacher, the teacher will appear. Whether it’s coincidence or the Law of Attraction, I don’t know, but I’m grateful.

    1. thisblendedhomeofmine says:

      Hey mllitz! I’m so glad you’re finding this useful. I SO believe in the Law of Attraction. Let me know if you need any help at all xoxo

  3. Nice tutorial. I have actually been meaning to do this for a while so I guess now I have no excuse. Thanks.

    1. thisblendedhomeofmine says:

      Haha! Right – there you go then Bertahan. No excuses! xx

    1. thisblendedhomeofmine says:

      Great! Let me know if you need any help at all.

  4. bellegabriella1 says:

    This is so helpful! Thank you for this!

    1. thisblendedhomeofmine says:

      Glad you find it helpful! ๐Ÿ˜Š

    1. thisblendedhomeofmine says:

      You’re very welcome! ๐Ÿ™‚

  5. carrieandkat says:

    Thank you for this post. I’ve been wondering how to do this since I want to use more than one pinnable image for a post. Hopefully will be working on this soon. I wanted to let you know I nominated your blog for the Blogger Recognition Award and you can read more about it in my post

    1. thisblendedhomeofmine says:

      Thanks Carrie and Kat! ๐Ÿ™‚

  6. Thank-you for sharing this great tip! My long pin always looks awkward at the bottom of each post โ€“ will be changing them all now:)

    1. thisblendedhomeofmine says:

      That’s great, Heather! If you need any help at all, feel free to let us know โ˜บ๏ธ

Leave a Reply