This topic has 8 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Rose Tyler
Hello Team, is there a way to customize the Checkout and Invoice area for a Product with extra options.
I use a Plugin that adds Extra Product Options to a Product, but the design is very bad, all looks compressed.
The Plugin developer says it must done by my Theme (XSTORE) or over WooCommerce directly. Can you help in this case?
https://modernbedacht.de/wp-content/uploads/2023/03/Checkout.png
https://modernbedacht.de/wp-content/uploads/2023/03/Invoice.png
Best regards,
Daniel
Hello @ProdbyDaan,
Do you want the text to have more space or line-height? If so, we can try to set it using some custom CSS code.
Your site is currently in maintenance mode. Please provide the WordPress admin URL and credentials in the private content area of this topic, so that we can investigate further.
Best Regards,
8Theme’s Team
Oh Sorry, i will share a link.
More Line-hight would be great.
And individual lines on the invoice for the Extra Produkt Options. If that is possible.
Best regards,
Daniel
Hello, ProdbyDaan,
Thank you for the reply.
Your screenshots are unavailable now – https://prnt.sc/BcC6Kgc56NKB Please provide new ones.
You can use screenshot tools such as Lightshot or Gyazo and share the links here. Alternatively, you can use a file-sharing service such as WeTransfer https://wetransfer.com/.
Thank you for your cooperation and we look forward to hearing from you soon.
Kind Regards,
8theme team
Here are the screens:
Hello, ProdbyDaan,
Could you provide URLs of pages from your screenshots?
Kind Regards,
8theme team
HelloTeam,
Here:
https://modernbedacht.de/kasse-2/order-received/1799/?key=wc_order_ALwaFJS3x9DoM
The other is the invoice.pdf so there is no URL.
Best regards,
Daniel
Hello, ProdbyDaan,
Try to add the next code in Theme options > Theme custom CSS:
.woocommerce-table--order-details .wc-item-meta li {
line-height: 2em;
font-size: .95em;
}
.woocommerce-table--order-details .wc-item-meta {
margin-bottom: 0px;
margin-top: 5px;
}
Kind Regards,
8theme team
Tagged: checkout, compressed, customize, invoice, template, woocommerce, wordpress
The issue related to '‘Customize checkout & invoice? All looks compressed.’' has been successfully resolved, and the topic is now closed for further responses