[Resolved] Use Simple CSS to edit print styles?

Home Forums Support [Resolved] Use Simple CSS to edit print styles?

Home Forums Support Use Simple CSS to edit print styles?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #702622
    Kristin

    Hello, I want to customize the way the page looks when the user prints it.

    Is it possible to use Simple CSS for this? I hesitate to create child themes and/or edit php files because I’m not a developer and also concerned about forgetting to update a file if there is an upgrade. (I have the SOGO Add Script Header Footer plug-in.)

    PRINT STYLE GOALS
    1. Print Site Title instead of Logo (because my logo has an inky black background)
    2. Hide sidebar
    3. Hide menus
    4. Black font
    5. White background
    6. Avoid page breaks in weird places

    Thanks!

    GP Premium 1.7.2
    #702705
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can use this media query:

    @media print {
        .sidebar,
        .main-navigation,
        .site-logo {
            display: none;
        }
    
        body {
            background: #fff;
            color: #000;
        }
    }

    The above CSS is just a guess as I can’t see your site.

    Let me know if this helps or not ๐Ÿ™‚

    #703503
    Kristin

    Wow, that totally works!! Thanks, Tom!

    #703600
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.