Style Builder Gravity Forms

[ad_1]

O Style Builder for Gravity Forms torna o design das formas rápida e agradável. Você não precisa mais mexer com as classes css. O Style Builder faz todo o trabalho sujo para você. Você pode criar harmonia perfeita em seu tema e formas gravitacionais.

Características principais

  • Suporte ao Widget
  • 8 modelos incorporados
  • Estilos personalizados ilimitados
  • Mais de 130 opções para personalizar
  • Crie vários estilos para um formulário
  • Caixas de entrada de estilo, etiquetas, invólucros com facilidade
  • Suporta valores de hex, porcentagem e em para todos os campos
  • Personalizar mensagens de erro e mensagens de confirmação
  • Use o seletor de cores para selecionar cores ou insira valores em códigos hexadecimal ou rgb
  • Suporta o carregador de mídia do WordPress e a Galeria para a imagem de fundo
  • Defina cores de fundo, família de fontes, bordas, sombras, tamanho da fonte, cores de fonte, alinhamento de texto, etc.

8 Temas embutidos

Lista de funções

Style Form Wrapper

Form Wrapper é o recipiente de formulário

        

  • Defina a largura máxima do formulário
  •     

  • Definir a largura da borda da forma
  •     

  • Definir tamanho, cor, tipo e raio da borda
  •     

  • Defina cor de plano de fundo para a forma
  •     

  • Adicionar imagem de fundo
  •     

  • Definir margem para a forma
  •     

  • Conjunto de preenchimento para formulário

Style Form Header

O cabeçalho do formulário inclui Título e Descrição

        

  • Defina cor de plano de fundo para o cabeçalho
  •     

  • Selecione o tipo de limite para a seção de cabeçalho.
  •     

  • Definir tamanho de borda
  •     

  • Definir cor para borda
  •     

  • Definir o alinhamento do título do formulário
  •     

  • Definir a cor da fonte do título do formulário
  •     

  • Defina o tamanho da fonte para o título do formulário
  •     

  • Defina a cor da fonte para a descrição do formulário
  •     

  • Definir o tamanho da fonte para a descrição do formulário
  •     

  • Selecione alinhamento de texto para a descrição do formulário
  •     

  • Definir margem para a descrição do formulário
  •     

  • Conjunto de preenchimento para a descrição do formulário

Forma de estilo Sombra interna e externa

A sombra de formulário é aplicada no recipiente de formulário

        

  • Definir offset horizontal para a sombra
  •     

  • Defina o deslocamento vertical para a sombra
  •     

  • Definir raio de borrão para sombra
  •     

  • Defina o raio de propagação para a sombra
  •     

  • Selecione a cor para sombra

Etiquetas de campo de estilo

As etiquetas de campo são os campos de título dos rótulos

        

  • Defina o tamanho da fonte para etiquetas
  •     

  • Selecione a cor para a fonte do rótulo
  •     

  • Definir margem para fonte de rótulo
  •     

  • Ajuste de preenchimento para fonte de rótulo

STYLE DROPDOWN FIELDS

        

  • Defina a largura máxima para os campos suspensos
  •     

  • Defina o tamanho da fonte para o texto no campo suspenso
  •     

  • Defina a cor da fonte para texto no campo suspenso
  •     

  • Definir o tamanho da borda para o campo suspenso
  •     

  • Selecione o tipo de limite para o campo suspenso
  •     

  • Selecione a cor da borda para o campo suspenso
  •     

  • Defina o raio de borda para o campo suspenso
  •     

  • Selecione a cor de fundo para o campo suspenso
  •     

  • Adicione qualquer CSS personalizado para campos suspensos
  •     

  • Definir margem para o campo suspenso
  •     

  • Defina o preenchimento para o campo suspenso

BOTÕES DE RÁDIO DE ESTILO

        

  • Definir o tamanho da fonte para o texto das entradas de rádio
  •     

  • Defina a cor da fonte para o texto das entradas de rádio
  •     

  • Definir largura máxima para entradas de rádio
  •     

  • Adicione qualquer CSS personalizado para entradas de rádio
  •     

  • Definir margem para entradas de rádio
  •     

  • Conjunto de preenchimento para entradas de rádio

CAMPO DE VERIFICAÇÃO DE ESTILO

        

  • Defina o tamanho da fonte para o texto nos campos da caixa de seleção
  •     

  • Defina a cor da fonte para o texto nos campos da caixa de seleção
  •     

  • Defina a largura máxima para os campos de entrada da caixa de seleção
  •     

  • Adicione qualquer CSS personalizado para campos de entrada caixa de seleção
  •     

  • Definir margem para os campos de entrada da caixa de seleção
  •     

  • Defina o preenchimento para os campos de entrada da caixa de seleção

CAMPOS DE TEXTO DE ESTILO

        

  • Selecione a cor de fundo para campos de texto
  •     

  • Definir tamanho de borda para campos de texto
  •     

  • Selecione o tipo de borda para campos de texto
  •     

  • Selecione a cor da borda para campos de texto
  •     

  • Definir raio de borda para campos de texto
  •     

  • Selecione a cor da fonte para a fonte nos campos de texto
  •     

  • Defina o tamanho da fonte para texto nos campos de texto
  •     

  • Defina a largura máxima para campos de texto
  •     

  • Definir margem para campos de texto caixa de seleção
  •     

  • Defina o preenchimento para os campos de texto da caixa de seleção

STACKLE PARAGRAPH TEXTAREA

        

  • Defina a largura máxima para a área de texto do parágrafo
  •     

  • Adicione qualquer código Css personalizado para o campo Área de texto do parágrafo
  •     

  • Definir margem para a área de texto do parágrafo
  •     

  • Configuração de preenchimento para área de texto de parágrafo

STYLE SUBMIT BUTTON

        

  • Alinhe a posição do botão de envio
  •     

  • Defina a cor do bacground para enviar o botão
  •     

  • Defina a cor da fonte para a cor da fonte para enviar o texto do botão
  •     

  • Defina o tamanho da fonte para enviar o texto do botão.
  •     

  • Definir o tamanho do limite para o botão Enviar
  •     

  • Definir cor da borda para o botão Enviar
  •     

  • Definir cor da borda para o botão Enviar
  •     

  • Selecione o tipo de limite para o botão enviar
  •     

  • Defina a cor do mouse no botão Enviar
  •     

  • Definir largura do botão enviar
  •     

  • Definir margem para enviar botão
  •     

  • Definir preenchimento para enviar botão

STYLE SECTION BREAK TITLE

        

  • Selecione a cor para o título de corte de seção
  •     

  • Definir o tamanho da fonte para o título da divisão de seção
  •     

  • Selecione o tamanho da fonte para o título da quebra de seção
  •     

  • Defina o alinhamento para o título da divisão de seção
  •     

  • Definir margem para o título da divisão de seção
  •     

  • Defina o preenchimento para o título da divisão de seção

DESCRIÇÃO DA SEÇÃO DO ESTILO

        

  • Selecione a cor para a descrição da seção que separa
  •     

  • Defina o tamanho da fonte para a descrição da seção que separa
  •     

  • Selecione o tamanho da fonte para a descrição da seção que separa
  •     

  • Definir o alinhamento para a descrição da seção que separa
  •     

  • Definir margem para a descrição da seção break
  •     

  • Defina o preenchimento para a descrição da seção break

MENSAGEM DE CONFIRMAÇÃO DE ESTILO

        

  • Defina a largura máxima para mensagens de confirmação
  •     

  • Defina cor de plano de fundo para mensagens de confirmação
  •     

  • Defina o alinhamento do texto nas mensagens de confirmação
  •     

  • Defina o tamanho da fonte para as mensagens de confirmação
  •     

  • Defina a cor da fonte para o texto da mensagem de confirmação
  •     

  • Definir tamanho de borda para caixa de mensagem de confirmação
  •     

  • Defina o tipo de limite para caixa de mensagem de confirmação
  •     

  • Definir cor de borda para caixa de mensagem de confirmação
  •     

  • Adicionar raio de borda às mensagens de confirmação
  •     

  • Definir margem para mensagens de confirmação
  •     

  • Definir preenchimento para mensagens de confirmação

MENSAGEM DE ERROS DE ESTILO

        

  • Defina a largura máxima para mensagens de erro
  •     

  • Defina cor de plano de fundo para mensagens de erro
  •     

  • Defina o alinhamento do texto nas mensagens de erro
  •     

  • Defina o tamanho da fonte para mensagens de erro
  •     

  • Defina a cor da fonte para o texto da mensagem de erro
  •     

  • Defina o tamanho da borda para caixa de mensagem de erro
  •     

  • Definir tipo de limite para caixa de mensagem de erro
  •     

  • Definir cor de borda para caixa de mensagem de erro
  •     

  • Definir o raio da borda das mensagens de erro
  •     

  • Definir margem para mensagens de erro
  •     

  • Definir preenchimento para mensagens de erro

Nota: Você precisa de Gravity Forms para que este plugin funcione.

Changelog

v1.2 - 17 de dezembro de 2015
-----------------------------------
Adicionado suporte para Visual Composer
Corrigido bug

v1.1 - 5 de dezembro de 2015
-----------------------------------
Corrigido bug para vários estilos de formulário em uma única publicação

v1.0
-----------------------------------
lançamento inicial

[ad_2]
Comprar Agora !

Comentar





Os comentários estão desativados.