How to apply CSS to PDF

  • Resolved pkon

    (@pkonings)


    1 year, 2 months ago

    Hello,

    I see in the bottom of the PDF generator there is a custom CSS box, I would just like my logo to be bigger (I noticed it has a max and enlarging the source file doesn’t help)
    So I want to specify some width and height in CSS for it, but…

    How do I go about finding the classes? I noticed when converting the PDF to HTML that it creates 1 image out of the logo + background + footer background color.. So is it even possible to make the logo larger this way?

    Sincerely,
    P. Konings

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author mdashikul

    (@mdashikul)

    1 year, 2 months ago

    @pkonings – Yes we have specific classes(.pdf-header, .pdf-content, .pdf-footer, .header-logo, .header-content) you can use these to select elements, if you want to select the header logo then use like .header-logo img{ ..….. }

    Thread Starter pkon

    (@pkonings)

    1 year, 2 months ago

    Hello mdashikul,

    Great information thank you! I was able to align the logo further away from the left side so it looks more neat. Unfortunatly it does not want to respond to any attempt making it bigger, no matter if i use HxW in px or % or add !important.
    That’s not such a big issue tho.
    Now the last thing that makes the pdf a bit full of useless fields is that I’m using both the conditional fields and the pdf creator. But the PDF creator inserts all the empty fields from the parts that are hidden if the condition has not been met.
    Is there a way to hide conditional groups if not selected by the person who fills in the form? SO only relevant selected groups are shown on the pdf?

    I attempted something like:
    div:empty { display:none!important; }

    But I don’t think I’m even close.


    Sincerely,
    P. Konings

    • This reply was modified 1 year, 2 months ago by pkon.
    Plugin Author mdashikul

    (@mdashikul)

    1 year, 2 months ago

    @pkonings – Thanks for the reply, we are working on it, allow us some time we will update you soon. For Quick support and update please check here

    • This reply was modified 1 year, 2 months ago by mdashikul.
    Plugin Author mdashikul

    (@mdashikul)

    1 year, 2 months ago

    @pkonings — You can control logo width by adding CSS – please check the screenshot – screenshot – and the correct selector will be (.header-logo) – We have noted the empty field issue in the conditional field. we will fix the issue in the future. for updated news please contact us here here

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to apply CSS to PDF’ is closed to new replies.