Изменить ширину поля в поле адреса выставления счетов Woocommerce

Question

У меня есть сайт WordPress, использующий дочернюю тему, где я установил WooCommerce, но формы выставления счетов / доставки просто выглядят странно, не выровнены, и большинство полей довольно маленькие. Поле страны (например) выглядит следующим образом:

Я попытался изменить класс поля, чтобы увеличить его, используя функцию вfunctions.php, но, похоже, не работает. Вот что я использовал:

function em_align_address_checkout_fields( $fields ) {
   $fields['billing_country']['class'][] = 'form-row-wide';

   return $fields;
}
add_filter( 'woocommerce_billing_fields', 'em_align_address_checkout_fields' );

Есть ли способ изменить ширину полей? и если вы знаете, как решить общий стиль, я был бы признателен, я не верю, что это должно выглядеть по сравнению с другими статьями, и я не эксперт по Woocommerce или Wordpress.

Спасибо за помощь!

Answer 1

Вы можете написать собственный CSS для этих полей в дочерней теме CSS.

    .woocommerce-billing-fields__field-wrapper label{ width 50%;float:left;}/* Use this only if necessary.It may affect overall checkout fields layout */
    #billing_country_field label{ width:50%;}
    #billing_country_field select{ width:50%;}

Или вы можете использовать официальное расширение для переопределения макета оформления заказа.

https://docs.woocommerce.com/document/checkout-field-editor/