Woocommerce checkout page css issue > left column too narrow

This support ticket is created 2 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: How to build a site with Toolset, Toolset Blocks, Views plugin, WooCommerce

This topic contains 2 replies, has 2 voices.

Last updated by TomW5440 2 years, 7 months ago.

Assisted by: Waqar.

Author

Posts

April 24, 2022 at 11:20 am #2348069

TomW5440

I am trying to:
On the woocommerce checkout page the left column is like 8% wide. The right hand column is fine though at 50%.
I turned on debug in wp-config and took a screen print. It would be great to have this working correctly without needing to override with css. Thank you.

April 25, 2022 at 7:50 am #2348463

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

This seems to be caused by a style conflict between the Kadence theme and Bootstrap 4.

To overcome this, you can include the following CSS code at WP Admin -> Appearance -> Customize -> Additional CSS:


.woocommerce-checkout div[class*="col-"] {
max-width: 100% !important;
}

regards,
Waqar

April 25, 2022 at 10:57 am #2348597

TomW5440

My issue is resolved now. Thank you!