Hide Vimeo Video Space

Hi @makkoga, you can add the CSS class pmb-screen-only like in this FAQ to hide individual items from printouts.

But if you send me a link to your site I might be able to make a better suggestion. (By the way, whatever image you linked to doesn’t seem to have made it; or at least I can’t find it)

Thanks for reply. Please see the URL https://www.porgoru.com/14390.html
When you try to print out the page the vimeo video huge space shows up in the paper which i want to hide.

I tried to hide the video element by using either

.pmb-print-page div.video-container{
display:none;
}

or

.pmb-print-page .video-container{
display:none;
}

But no luck. If you have any idea please let me know.

• This reply was modified 3 years, 7 months ago by makkoga.
• This reply was modified 3 years, 7 months ago by makkoga.
• This reply was modified 3 years, 7 months ago by makkoga.

Hi @makkoga,
you can add this CSS to hide all videos from printouts:

@media print{

    .pmb-print-page .video-container{
        display:none;
    }
}

Does that help?

Thanks for reply. I added the lines you mentioned but it didnt work.

https://www.porgoru.com/14390.html

Hi @makkoga, sorry somehow I got mixed up. Also the two vimeo videos you have actually quite different HTML so it’s was a bit tricky.
But here’s some updated custom CSS that should do the trick to remove them.

@media print {
 .pmb-print-page .wp-block-embed-vimeo, iframe {
  display:none
 }
}

Sorry it didn’t work last time.

Thanks so much. It did work this time.

• This reply was modified 3 years, 7 months ago by makkoga.