Suporte » Plugins e hacks » Contact-form-7

Contact-form-7

  • Resolvido brunoannunciato

    (@brunoannunciato)


    há 7 anos, 9 meses

    Olá,
    Estou tentando mudar o tamanho da caixa de texto pela folha de estilo do meu tema, mas as alterações não estão sendo feitas. O código inserido é o seguinte:
    Style.css

    /* Contact-form-7 */

.campo-ddd {width:5px;}
.campo-telefone {width:25px;}
.campo-celular{width:25px;}

    E coloquei a class na caixinha da seguinte maneira:
    [tel date-744 class:campo-ddd]

    O mesmo erro ocorre com caixa do tipo texto.

    Gostaria de ajuda para encontrar uma solução.

    Muito obrigado 🙂

A visualizar 1 resposta (de um total de 1)
  • Alvaro Gois dos Santos

    (@alvarogois)

    há 7 anos, 8 meses

    Olá @brunoannunciato,

    O que deve estar a acontecer é que estás, e bem, a usar uma classe específica para os teus campos mas não estás a usar o descritor completo. Ora vê aqui como os estilos do CF7 devem ser personalizados: http://contactform7.com/styling-contact-form/

    Experimenta assim:

    /* Contact-form-7 */

.campo-ddd .wpcf7 input[type="date"] {width:5px;}
.campo-telefone .wpcf7 input[type="tel"] {width:25px;}
.campo-celular .wpcf7 input[type="tel"] {width:25px;}

    Terás de alterar o input[type="tipo-de-campo"]conforme o tipo de campo do formulário.

    Álvaro

A visualizar 1 resposta (de um total de 1)
  • O tópico ‘Contact-form-7’ está fechado a novas respostas.

Etiquetas do tópico

Ver