Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1248467

    Hallo zusammen

    Was ist die einfachste Möglichkeit, dass Seiten und Beiträge einigermassen schön gedruckt werden? Aktuell ist es so, dass die Inhalte ganz schlimm dargestellt werden…

    Danke für eine Antwort – bin kurz vor dem Verzweifeln ;-)

    #1248575

    Hey rosarot,

    There is css for printing in /enfold/css/base.css, but if that’s not enough you can add your own styles in the Quick css.

    Here are the docs for you:
    https://codex.wordpress.org/Styling_for_Print

    Best regards,
    Victoria

    #1248642

    Hey Victoria

    Thanks a lot for the link. I’ve read all and tried to add following code to the Quick CSS:

    /* Print Style Sheet */
    @media print {
    body { background:white; color:black; font-size:10pt; margin:0; padding: 0; width:auto;}
    #header { display: block; }
    #content { margin-left:0; padding: 0; float:none; width:auto; }
    #comments { display: none; }
    #sidebar { display: none; }
    #widgetarea { display: none; }
    #footer { display: none; }
    h1 { font-size: 16pt; }
    h3 { margin: 0; }
    h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
    page-break-inside:avoid; }
    h3 { margin-left:10px;
    margin-bottom:0px;
    padding-bottom:0px; }
    blockquote, table, pre { page-break-inside:avoid; }
    ul, ol, dl { page-break-before:avoid; }
    }

    Unfortunately the content is still confused on the print out. I’ve tried a lot of things

    #1248666

    Hi rosarot,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media print {
        .html_header_left #top #header {
            display: none;
        }
        .html_header_left #main {
            width: 100%;
            margin-left: 0;
        }
    }
    

    Please try this code and see if it’s moving you in the right direction.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1248714

    Hi Victoria

    Thanks for your help! I’ve tried. The Content is better, but the sidebar is still there and therefore the content is cropped. The logo should be there; only the search-field should not be visible. Regarding the content: only 1 page will be printed, the rest of the content is missing in the print…
    Can you help me?

    #1248829

    Hi rosarot,

    Please add this code too:

    
    @media print {
        #top #main .sidebar {
            display: none;
        }
        .container .av-content-small.units {
            width: 100%;
        }
    }
    

    Logo is in the header and the header is on the side. Cannot get it to display on top.
    Best regards,
    Victoria

    #1250080

    ok, thanks a lot. I’ve changed the code as follows:

    /* Print Style Sheet */
    @media print {
    body { background:white; color:black; font-size:10pt; margin:0; padding: 0; width:auto;}
    #content { margin-left:0; padding: 0; float:none; width:auto; }
    #comments { display: none; }
    #sidebar { display: none; }
    #widgetarea { display: none; }
    #footer { display: none; }
    h1 { font-size: 16pt; }
    h3 { margin: 0; }
    h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid; }
    blockquote, table, pre { page-break-inside:avoid; }
    ul, ol, dl { page-break-before:avoid; }}

    @media print {
    .html_header_left #top #header {
    display: none;}
    .html_header_left #main {
    width: 100%;
    margin-left: 0;}
    #top #main .sidebar {
    display: none;}
    .container .av-content-small.units {
    width: 100%!important;}
    #header {width:600px;height:150px;background-image:url(‘kopf.jpg’);background-size:100% 100%;}}

    Much better :-) Now i have only 3 little problems left:
    – only 1 page is included in the print instead of all
    – I’ve tried to add a logo (jpg) on the print pages
    – remove the title/url/page number/date from the print

    May you help me? Thanks in advance!
    rosarot

    #1250434

    Hi rosarot,

    The red area is added by the browser and I can all pages generated for print but I’m not sure why they are not printed out on your end.

    Best regards,
    Victoria

    #1252773

    Hi Victoria

    The printarea is correct with Google Chrome, Microsoft Edge. Firefox is showing only 1 Page. Do you know why?
    Unfortunately the Font-Size in TablePress is too big. How can i change this?
    Safari isn’t showing the Website… Safari kann die Seite nicht öffnen, da Safari keine sichere Verbindung zum Server aufbauen kann.

    Could you help me please? :-)
    Thanks a lot in advance, rosarot

    #1253639

    Hi rosarot,

    The website is loading in Safari on my end. Did you get it working?

    Where can we see the font that is too big?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1253954

    Hi Victoria

    Thanks for you answer.
    No, i didn’t get working in Safari…
    The texts which are written in {Tablepress} are too big when printed. See attached file

    Could you take a look please? THANKS in advance and have a nice day, rosarot

    #1254438

    Hi rosarot,

    Can you please share the link to that page?

    Best regards,
    Victoria

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.