Radio Desalinhado do label

  • Resolvido Batutinha

    (@batutinha)


    8 anos atrás

    Boa Tarde, pessoal,

    Estou com um problema, já tentei diversas maneiras de corrigir, mas não consegui alinhar o label do radio com ele, os checkboxs eu consegui resolver colocando

    input[type=checkbox]{ -webkit-appearance:checkbox; }
.gform_wrapper input[type=checkbox],
.gform_wrapper option {width: 10%;}

    Porém o mesmo método não funcionou para o radio, alguém teria alguma sugestão? O plugin que estou usando pra incluir o radio é “Gravity”.

    Label Desalinhado do Radio
    Link de onde o radio está desalinhado com o label: http://www.alissonjulio.com.br/valepatrocinar/quero-ser-patrocinado-2/

    Desde já agradeço as ajudas!

    • Este tópico foi modificado 8 anos atrás por Batutinha.
    • Este tópico foi modificado 8 anos atrás por Batutinha.
Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Tadeu Brasil

    (@tadeubrasill)

    8 anos atrás

    Paz e Bem!!

    Para acessar essa página e preciso de login no site? Não consegui acessar!!
    Pelo que vi vocês esta usando um tema com bootstrap, provavelmente esse e um espaçamento na lista!!

    Tenta inspecionar o elemento pelo navegador!!

    Criador do tópico Batutinha

    (@batutinha)

    8 anos atrás

    Opa, liberei, esqueci de tirar a restrição de usuário. Tentei inspecionar ela, inclusive para o checkbox “matei” usando o inspecionar, mas para o radio button está complicado, gastei algumas horas pra fazer funcionar e não descobri o que está ocorrendo.

    Tadeu Brasil

    (@tadeubrasill)

    8 anos atrás

    Aqui pelo inspector eu consegui alinhar colocando uma margin negativa nessa regra ai:

    body .gform_wrapper .gfield_checkbox li input[type="checkbox"], 
body .gform_wrapper .gfield_radio li input[type="radio"] {
      margin-left: -30px;
}

    Ver se te ajuda e principalmente se não vai quebrar algo em outro lugar!!

    • Esta resposta foi modificada 8 anos atrás por Tadeu Brasil.
    Criador do tópico Batutinha

    (@batutinha)

    8 anos atrás

    Cara, me ajudou bastante, não funcionou da maneira que tu tinha colocado, mas tu me deu uma ideia que me ajudou a solucionar o problema. Olha como ficou:

    body .gform_wrapper .gfield_radio li input[type="radio"] {
      margin-bottom: -20px!important;
}

.gform_wrapper .gfield_radio li label {
      margin: 1px 0 0 70px!important;
}

    Muito obrigado!

    • Esta resposta foi modificada 8 anos atrás por Batutinha.
    Tadeu Brasil

    (@tadeubrasill)

    8 anos atrás

    Opa!!

    Que bom que ajudou!!
    Precisando estamos por aqui, coloca o tópico como resolvido!

    abraços!!

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Radio Desalinhado do label’ está fechado para novas respostas.