The Custom CSS wont work in the tabs

Hi

1- When I add the checkout form (Billing Details) in tabs it does not change the custom CSS I put which is:

.checkout .woocommerce-checkout .col-2 {display:none;}

.checkout .woocommerce-checkout .col-1 {width:100%;}

See Here: how looks without page builder:

https://cl.ly/1R1b233x3t2c

Here when I put it in tabs with via page builder:

https://cl.ly/1L1d2q0A0p3o

 

 

2-  I need to make the field looks much better like in your video

First name in Left side and last name in Right

Company Name on Left Side and Address on the right side etc…

With full width how can I do that?

 

Thank you,

Ahmed

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply