Spaces in print css

[McKnule]

I can not get rid of the gap on the Revolution Slider place and at the bottom of the side in print css. What could I do to solve this?
Wich class or ID do I have to set to “display:none”?

I also want to hide the horizontal lines with the print CSS.
How can I do that?

Thanks in advance.

Best regards
Ingo

[nabeel]

Hi Chantal,

Thank you for reaching out to us. You can do this with @media print queries, for example if you want to hide the revolutions slider spaces in the print version you can add the following code in the Theme Options > CSS:

@media print {
   [class^="rev_slider"] {
       display: none;
   } 
}

Similarly you can include more CSS inside the @media print to show / hide elements. To learn more about print media CSS you can check out https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/

To find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!