Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 23, 2015 at 6:38 pm #463535
    ThomasWalkerDesign

    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

    June 24, 2015 at 10:10 am #463856
    Ismael

    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

    June 24, 2015 at 4:37 pm #464194
    ThomasWalkerDesign

    What is the best way to do this without changing the main theme?

    June 25, 2015 at 9:24 am #464461
    Ismael

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.