Return to previous page

Customize checkout & invoice? All looks compressed.

This topic has 8 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

ProdbyDaan

Participant

March 17, 2023 at 15:35

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

#350370 Copied Theme version: 9.0.5 WooCommerce version: 7.5.0

7 Answers

Tony Rodriguez

Support staff

March 18, 2023 at 05:41

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

#350402 Copied

ProdbyDaan

Participant

March 18, 2023 at 17:20

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

Please contact administrator
for this information.

#350429 Copied

Rose Tyler

Support staff

March 19, 2023 at 09:39

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

#350457 Copied

ProdbyDaan

Participant

March 19, 2023 at 13:52

Here are the screens:

Please contact administrator
for this information.

#350488 Copied

Rose Tyler

Support staff

March 20, 2023 at 17:29

Hello, ProdbyDaan,

Could you provide URLs of pages from your screenshots?

Kind Regards,
8theme team

#350632 Copied

ProdbyDaan

Participant

March 20, 2023 at 18:09

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

#350633 Copied
Rose Tyler

Support staff

March 20, 2023 at 18:33
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
#350636 Copied
Tagged: checkout, compressed, customize, invoice, template, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Customize checkout & invoice? All looks compressed.’' has been successfully resolved, and the topic is now closed for further responses

Customize checkout & invoice? All looks compressed.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection