Campos desalinhados

  • Resolved antonio967

    (@antonio967)


    9 years, 1 month ago

    Olá Cláudio, td certo?

    Os campos Endereço e Celular estão desalinhados e fica um espaço em branco ao lado deles onde entraria outro campo, embora seja a versão atual (3.5.1) e wp, woocommerce e Impreza estejam atualizadíssimos.

    Já desinstalei e reinstalei, mas o problema continua.

    Também já removi os códigos do functions.php e do .htacess, mas nada muda.

    Poderia me ajudar por favor?

    Grato

Viewing 6 replies - 1 through 6 (of 6 total)
  • ewertonarrais

    (@ewertonarrais)

    9 years, 1 month ago

    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.

    Marcio

    (@marcioganzer)

    9 years, 1 month ago

    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 9 years, 1 month ago by Marcio.
    Thread Starter antonio967

    (@antonio967)

    9 years, 1 month ago

    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?

    Plugin Author Claudio Sanches

    (@claudiosanches)

    9 years, 1 month ago

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

    Marcio

    (@marcioganzer)

    9 years ago

    @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 9 years ago by Marcio.
    Thread Starter antonio967

    (@antonio967)

    9 years ago

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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Campos desalinhados’ is closed to new replies.