Tagged: CSS, print version, print.css
I am attempting to change the CSS for the print version of my website to NOT show anything but the content in the main or content area. So, I do not want to show the logo, menu, footer or any other section than just the main content. I have tried all the usual ways to accomplish this but nothing seems to be working properly.
Can you assist in this? What CSS do I use? Does it need to go in a particular place? Are there any functions to be added?
Here is an example from my website:
https://luckysautosports.com/coupons-deals/
What I want to do is just print the section with the coupons on a page full width.
Thanks in advance!
Nate
Hey ThomasWalkerDesign!
Thank you for using Enfold.
I checked the page and click the print button, only the coupon images and a few texts are included on the print preview. If you want to modify the print styles, edit the css > print.css file.
Cheers!
Ismael
What is the best way to do this without changing the main theme?
Hi!
If you don’t want to edit the print.css file directly, use the print media query. You can add the code in the Quick CSS field or the style.css file of the child theme folder. Refer to this link for an example: http://www.w3schools.com/css/css_mediatypes.asp
Regards,
Ismael