Personalizar Contact Form 7 no WordPress com Plugin

Fácil
30%

Além de poder personalizar os formulários do plugin Contact Form 7 com CSS, nós podemos personalizá-los utilizando o plugin Contact Form 7 Style

– Baixe, instale e ative o plugin
– Será adicionada a opção “Contact Style” no menu do dashboard do WordPress. Passe o mouse nessa opção
– Você verá as opções Valentine’s Day (formulários personalizados para o Dia dos Namorados), Xmas Style (formulários personalizados para o Natal) e Custom Style
– Vamos trabalhar com a opção Custom Style

Generals Settings
– Form background: Defina uma cor de fundo do formulário
– Form width: Largura, em px, do formulário
– Form border size: Espessura, em px, da borda do formulário
– Form border type: Estilo da borda do formulário (Padrão, Nenhuma, Sólida, Pontilhada, Dupla, Sulcada, Cumeada, Fluxo Interno, Fluxo Externo)
– Form border color: Cor da borda
– Form border radius: Arredondamento das bordas do formulário

Input and Label Settings
– Input background: Cor de fundo do campo de texto, email, número etc
– Input text color: Cor do texto de dentro dos campos
– Input fonts: Escolha entre as fontes do Google para mudar a fonte do texto do campo
– Input font size: Tamanho da fonte
– Input border size: Espessura da borda o campo
– Input border type: Estilo da borda do campo (Padrão, Nenhuma, Sólida, Pontilhada, Dupla, Sulcada, Cumeada, Fluxo Interno, Fluxo Externo)
– Input border radius: Arredondamento das bordas do campo
– Input font-style: Estilo da fonte do campo (Padrão, Negrito, Itálico, Sublinhado, Normal)
– Input width: Largura, em px, do campo
– Input height: Altura, em px, do campo
– Textarea height: Altura, em px, do campo “Área de Texto”
– Input padding: Margem interna do campo
– Input margin: Margem externa do campo
– Label font-style: Estilo da fonte da descrição do campo (Padrão, Negrito, Itálico, Sublinhado, Normal)
– Label font size: Tamanho da fonte da descrição do campo
– Label color: Cor do texto da descrição do campo
– Label fonts: Escolha entre as fontes do Google para mudar a fonte do texto da descrição do campo

Submit Button Settings
– Submit button width: Largura, em px, do botão de envio
– Submit button height: Altura, em px, do botão de envio
– Submit button border radius: Arredondamento dos cantos do botão de envio
– Submit button font size: Tamanho da fonte do botão de envio
– Submit button border size: Espessura, em px, da borda do botão de envio
– Submit button border type: Estilo da borda do botão de envio (Padrão, Nenhuma, Sólida, Pontilhada, Dupla, Sulcada, Cumeada, Fluxo Interno, Fluxo Externo)
– Submit button border color: Cor da borda do botão de envio
– Submit button background color: Cor de fundo do botão de envio

1 Comment

  1. edvaldo disse:

    Vou testar se funcionar volto para dar nota

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>