Campos desalinhados

Estou com o mesmo problema. Estado e endere?o precisam de campos maiores e ficam desalinhados. Acho que o Cláudio em si n?o responde mas, se alguém souber resolver, nos ajude por favor.

Estou com esse mesmo problema apesar de também estar usando a vers?o mais nova do plugin.

Para mudar o tamanho do campo é preciso alterar o atributo css para form-row-wide, assim preenche a linha toda.

Por exemplo para aumentar o campo endere?o:

(arquivo: “/wp-content/plugins/woocommerce-extra-checkout-fields-for-brazil/includes/class-extra-checkout-fields-for-brazil-front-end.php”)

if ( isset( $fields['billing_address_1'] ) ) {
     $new_fields['billing_address_1'] = $fields['billing_address_1'];
     $new_fields['billing_address_1']['class'] = array('form-row-wide', 'address-field');
}

• This reply was modified 7 years, 7 months ago by Marcio.

Olá Márcio, muito obrigado pela ajuda. Melhorou bastante o aspecto!

Agora só o campo celular está recuado um pouco à direita. Tentei p?r o wide nele tbm e outras altera??es mas n?o funcionou.

Alguma dica?

Quem controla o alinhamento dos campos é o WooCommerce e o seu tema, ent?o pode corrigir por eles usando CSS.

@antonio967

Se ainda estiver com o problema, fiz alguns ajustes no CSS que melhoraram bastante o visual:

#customer_details .form-row-first {
    clear: both;
}

#pagseguro-payment-form .form-row-last {
    clear: both !important;
    width: 100% !important;
}

#pagseguro-payment-form .form-row-first {
    clear: both !important;
    width: 100% !important;
}

#ship-to-different-address-checkbox {
    position: relative !important;
}

.terms {
    padding-left: 19px !important;
}

#terms {
    position: relative !important;
}

• This reply was modified 7 years, 6 months ago by Marcio.

Muito obrigado Marcio. Você foi de grande ajuda. Abs