Items attributes no longer side by side

Hi Nathanielle,
WooCommerce changed the output of the meta from dl>dt to ul>li, which is why the styles don’t have any affect anymore – this part of the output comes directly from WooCommerce so there’s not much I can do about that.
This should work on the new format though:

.wc-item-meta li + li:before { content: '| '; }
.wc-item-meta li { display: inline; }

Hope that helps!
Ewout

Hi Ewout

Thank you for the code (belatedly!). It did indeed work for a few months there, but just this week stopped again. I copied and pasted this code into the custom CSS, but it’s still showing the item variations one below the other

Help!

Hello Nathanielle,
I just checked this on my test site and it still works for me.
When you say “I copied and pasted this code into the custom CSS”, what/which location are you referring to specifically?

Which version of WooCommerce do you use? Are you using the latest version of WooCommerce PDF Invoices & Packing Slips?

Let me know!
Ewout

Hi Ewout,
Thanks for getting back to me so quickly. I’m using Divi theme, it has a Custom CSS section in Divi options. Is there a better place to put it?

I’m using Version 2.0.7 for PDF Invoices (updated earlier today) and Woocommerce 3.11. If it’s working on your end then with the same setup then I must be doing something wrong here… ?? (and it was working for a long time, so I know your fix worked). I’m grateful for any guidance you might have!

Hi Nathanielle,
The frontend CSS does not influence the css in the PDF that is generated on the server rather than in the browser. Check this page in the docs: Using custom styles

That must have been how you’ve done this before too, though!

Ewout