Support » Plugin: WooCommerce Cart PDF » PDF and TM extra product options

  • Resolved pahedomotica

    (@pahedomotica)


    Hi,

    Great plug-in.
    One question: I use TM extra product options, and use this code to display them in the cart:
    /* TM Extra product options cart style*/
    .woocommerce td.product-name dl.variation dt {
    font-weight: 700;
    }

    .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    padding: 0 !important;
    margin: 0 !important;
    }

    Is it possible to show them on the PDF the same way?
    Thanks Paul

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author David Jensen

    (@dkjensen)

    Hello

    Yes you can do this by applying a PDF stylesheet override in your child theme. Copy the stylesheet file from wp-content/plugins/wc-cart-pdf/templates/pdf-styles.php and place it in your child theme folder wp-content/themes/your-theme-slug/woocommerce/wc-cart-pdf/pdf-styles.php. From there you will modify the copied pdf-styles.php file and append your additional CSS. Let me know if you need additional help with this

    Hi, I have copied the file, and add this lines add the end of the form:
    .woocommerce td.product-name dl.variation dt {
    font-weight: 700;
    }

    .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    padding: 0 !important;
    margin: 0 !important;
    }

    But no result 🙁
    The file is in the right place.
    I checked it with changing the font-size.

    Anny idea what to change?

    Plugin Author David Jensen

    (@dkjensen)

    Try removing the .woocommerce before the selectors

    td.product-name dl.variation dt {
    font-weight: 700;
    }

    td.product-name dl.variation p, td.product-name dl.variation:last-child {
    margin-bottom: 0;
    padding: 0 !important;
    margin: 0 !important;
    }

    Doesn’t fix it 🙁

    Plugin Author David Jensen

    (@dkjensen)

    Hmm ok I’ll look into this

    Plugin Author David Jensen

    (@dkjensen)

    Hey can you try this CSS?

    dt {
        font-weight: bold;
    }
    .tc-hidden-variation {
        display: none;
    }

    According to mPDF docs the dd and dt elements are block and cannot be set to inline, so the field name and value will be on separate lines.

    Thanks that looks a lott better 🙂
    On the order PDF the lines are behind each other.

    Plugin Author David Jensen

    (@dkjensen)

    I’m not sure what you mean, can you elaborate?

    It’s ok now 🙂
    I have changed it to this:
    dt {
    font-weight: bold;
    font-size: 10px;
    }
    dd {
    font-size: 10px;
    }
    .tc-hidden-variation {
    display: none;
    }

    Plugin Author David Jensen

    (@dkjensen)

    Ok great

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.