Checkout page gets cut off

Hi! Could you help me please, it’s a bit urgent. My checkout page doesn’t fit entirely into the page dimensions and the text is cut off.
I didn’t have that problem on the PC where I’m developing it but it’s now on my other PC, on both Chrome and Edge.

Can you help?
Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

I suggest you enable default templates from the theme, you need to edit those pages and remove all Gutenberg blocks (https://monosnap.com/file/DYynCYO5DELtMiDQW2E99Yhx3TFPCs). Then define such shortcodes for the checkout: https://take.ms/8yG9B , and for the Cart: https://take.ms/1bnqH , then those pages will be shown with the theme’s design.

Kind Regards.

Hi!

Sorry, I’m not quite sure how to do that – I didn’t tweak the page at all since importing the Woodmart theme preset. Looking at the page, I can’t tell which ones are Gutenberg blocks. Looking at them, they also seem locked?
Can you please give me a more detailed walkthrough or help me out?
I can’t seem to have the block delete button that you have.

Thanks very much!

Attachments:

You must be logged in to view attached files.

Hello,

Here is a video with more details: https://take.ms/SACdK

Let me know if you have any questions.

Kind Regards

Thank you very much for the tutorial, Luke. So to edit the layout further in the future I would have to go into templates, correct? In my templates I only have the ‘Default Kit’, is that where the checkout layout is decided?

Hello,

If you want to make a custom Checkout page (edit template), navigate to Dashboard -> Layouts -> Checkout. I suggest you import the already created template by clicking on the “Add new” button – https://take.ms/C5B4n

Also, check our article about Layouts here – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Kind Regards

[Author]

Posts