PDF and TM extra product options

See this link for the product: https://test.pahedomotica.nl/product/forest-shuttle-l-gordijnrail-geruisloos-en-soepel/

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?

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 ??

Hmm ok I’ll look into this

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.

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;
}

Ok great