Support » Plugin: Brazilian Market on WooCommerce » Campos desalinhados

  • Resolved antonio967

    (@antonio967)


    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)
  • 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)

    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 4 years, 8 months ago by Marcio.
    Thread Starter antonio967

    (@antonio967)

    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)

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

    Marcio

    (@marcioganzer)

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

    (@antonio967)

    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.