Skip Navigation

[Resolved] Woocommerce checkout page css issue > left column too narrow

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)

This topic contains 2 replies, has 2 voices.

Last updated by TomW5440 1 year, 12 months ago.

Assisted by: Waqar.

Author
Posts
#2348069
column1.jpg

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.

#2348463

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

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

#2348597

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.