Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #742128

    Hi,

    we have a monthly newsletter that contains market insights.
    we want the users to be able to save as a pdf or print as a pdf however when we do this (through various methods including plug-ins) the images are out of alignment.
    I have tried embedding the images into the text block and also using content blocks but either way – the images will not stay aligned in the text so you get a chunk of text and then an image below then text etc.

    do you have any suggestions on what could fix this issue?
    not sure if you know of any plug-ins?
    link to page below.

    thank you!

    #742315

    Hey jazbird!

    You will need to create a print.pdf file that after need to be included with the theme.
    That file, has to have the styling based on how you need it.

    Let us know if we can help you with anything else.

    Cheers!
    Basilis

    #742335

    so if you like to make it perfect – you have to style your print output by editing your own print-style
    you can do it i think if you put in quick css :

    @media print {
    put in your printlayout rules here
    }

    there are some plugins which do that job of creating a pdf file of your screen output. But this is often not for interest of your sitevisitors.
    Mostly they like to have the Headings and the main-content – so it is a good advise to set all other infos (top header, navigation, sidebar infos etc to display: none. than reduce font-size to normal print size (headings (h1 maximum 20px ). and the p-tag to 12px. etc pp.

    some webdesigners additionaly creates there own class for print-output to influence the output in detail.
    f.e. .noprint {display: none !important} and than give to all your not wanted to print out (even in main-content) this class.

    f.e: this should be printed. this should be printed. this should be printed. this should be printed. this should be printed. this should be printed. this should be printed. this should be printed. <span class="noprint"> this shouldn't be printed this shouldn't be printed this shouldn't be printed this shouldn't be printed this shouldn't be printed </span> this should be printed. this should be printed. this should be printed. this should be printed. this should be printed.

    or to change to serif font for all text. etc. pp

    @media print {
      * {font-family: "times new roman",times,serif;text-align: justify;}
       .noprint {display: none !important}
    }
    #742719

    Hi,

    Thanks for the help @guenni007 :-)

    Did you try out the suggestion @jazbird and did you have any luck with them?

    Best regards,
    Rikard

    #744568

    Thank you so much @guenni007 :)

    My main issue is that I just want the images to be aligned in the text – as they are on the newsletter.
    see the link below.

    is that something you can control with CSS as an overview for all these posts?
    it’s done monthly.

    any help would be greatly appreciated! thank you :)

    #746637

    Hi,

    so can you show us what exactly you want to have different? a mockup would help, then we can provide you some precise css code to achieve what you need.

    Best regards,
    Andy

    #747756

    Hi Andy

    how can I attach files?
    basically the text needs to wrap around the images and appear the same way it does on the site.

    if you click to save as pdf you can see that the images just sit below the text – which looks odd when it’s only one image.

    I can send screen shots to explain but not sure how?

    thank you :)

    #748199

    Hi,

    You can upload screenshots to a service like google drive or dropbox and then link to them here.

    Best regards,
    Rikard

    #754056

    Hi,

    argh this is so annoying. such a. simple thing and I’m not sure why it’s so hard.
    I have uploaded the screen shots but it’s pretty obvious if you try to print to PDF – you can see what happens to the layout.
    the images are not in alignment & the format is all over the place.

    I am happy to rebuild the age if this makes a difference.

    2 screen shots are the actual post – which is how the pdf should look.
    Then the pdf is a saved PDF from the post to show how bad it looks.

    users need to be able to download a PDF version of the post to save or print.
    I have tried a number of plug-ins – none of which work.

    if I could even just generate a PDF correctly then I have at least attach that.
    but ideal would be a button to click to download a PDF version of whatever post you are on.

    please help… :)

    thank you – files below.

    #755191

    Hi,

    we can’t help you with any button to download a PDF, as you need to search for a plugin with such a function or hire a freelance developer. But what you could do is use a code like this inside your Quick CSS field:

    @media print { 
     /* All your print styles go here */
    }

    This CSS is when you want to print a page.

    Best regards,
    Andy

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

You must be logged in to reply to this topic.