How to edit a specific line of html/squished information boxes on checkout page

Hello @jessewhitt,

Thank you for reaching out to WooCommerce support.

This issue seems more like a theme-related issue. To confirm, please switch your theme to a default theme like Storefront or Twenty Twenty-Four and check if the issue persists. If the issue is resolved, it would be best to reach out to your theme support for further assistance.

If changing the theme doesn’t resolve the issue, please share some screenshots to help us investigate this further. You can use?https://prnt.sc/?or?https://snipboard.io?to share screenshots here.

Thanks!

Thank you for trying to help Rajesh, though I think I solved the problem, at least temporarily. I found the pathing to edit the function file where the html lines were located in my parent theme WooPress. I changed both <div class=”col-1″> and <div class=”col-2″> to <div class=”col-12″> and the checkout columns look good now. Here’s hopefully a picture for reference. Though if I remember correctly, this fix might go away if the theme is updated, right? If so, a more permanent solution would still be appreciated. Thanks!
https://snipboard.io/zYbkZx.jpg

Hey, @jessewhitt!

I’m glad you were able to solve the issue even if only for the time being.

Were you able to check if the issue happens with a default WooCommerce theme such as Storefront before doing it?

If the issue is theme-related, it is best to reach out to the theme support so they can assist with a permanent solution ??

Looking forward to your reply.

Have a wonderful day!