Оформление заказа в Woocommerce, показывающее 1 столбец ... не получается вернуть 2 по умолчанию?

Question

Имея самую странную дилемму.Я довольно сильно изменил остальную часть своего сайта с помощью пользовательского кода CSS для своей темы.С остальным моим сайтом все в порядке, но на моей странице оформления заказа все сбрасывается с момента обновления до последней версии WordPress.

В любом случае вы можете увидеть, что происходит здесь:

https://sportsautotech.com/checkout/

Как вы можете видеть, как поля «Оплата и доставка», так и поля «Ваш заказ» находятся ниже друг друга в 1 столбце.

Я бы хотел, чтобы они были рядом, как указано на прилагаемой картинке.

В настоящее время у меня нет вставленной пользовательской CSS для этой страницы оформления заказа.Я пытался добавить пользовательский код CSS, как предлагалось другими авторами, через поиск в Google, но ни один из них не работает и не усугубляет ситуацию.

Если я смогу решить эту проблему, у кого-нибудь есть какие-либо предложения по исправлению?2 других небольших вопроса с полем «Отступ» в поле «Штат» и «Номер телефона», опускающимся вниз по строке?

Большое спасибо за любую потенциальную помощь!Пожалуйста, обратитесь ниже.

Изображения:

в настоящее время

желательно

Answer 1

для достижения вашего целевого результата после css ниже в вашем style.css или в настройщике WordPress:

.row-fluid .span6 {
width: 46.93617% !important;
}

#billing_postcode_field{
float: left;
width: 45%;
}

#billing_phone_field {
width: 50%;
float: right;
}

#billing_state_field, {
float: unset !important;
 }

 .payment_method_stripe{
margin-top: 3rem
}

OutPut: