Os formulários SharpSpring podem ser editados ou estilizados usando a folha de estilo do formulário.
A edição desta folha de estilo é outra maneira de personalizar o código e o design do seu formulário.
Você pode configurar esta folha de estilo para usar fontes específicas.Este artigo detalha como modificar folhas de estilo CSS para definir fontes específicas do Google nos formulários SharpSpring.
Usuários com acesso:
- Administradores
- Gerentes de Empresa
- Gerentes de Marketing
Preparando Folhas de Estilo CSS de Formulário
Para inserir código personalizado para fontes, você precisará usar um formulário SharpSpring com uma folha de estilo. Para preparar um formulário e uma folha de estilo SharpSpring, faça o seguinte:
-
Em uma guia do navegador, efetue login na SharpSpring.
-
Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Formulários.
-
Clique na aba Estilos.
Definindo o Código da Folha de Estilo do Formulário
Depois de preparar um formulário SharpSpring e desenvolver uma folha de estilo, você pode inserir o código para especificar qual fonte do Google usar no texto do formulário. Para definir o código da folha de estilo do formulário SharpSpring, faça o seguinte:
-
Em uma aba do navegador, navegue para https://fonts.google.com/.
-
Clique no ícone + Mais ao lado da família de fontes desejada.
-
Clique na barra pop-up na parte inferior da página.
-
Clique em @Importar.
-
Copie todo o trecho do código incorporado, exceto as tags
<style>
. -
Na aba do formulário SharpSpring, cole o trecho copiado na parte superior do código da folha de estilo do formulário.
-
Adicione o seletor CSS direcionado aos elementos do formulário que serão estilizados na parte inferior do código da folha de estilo do formulário.
O código de exemplo a seguir visa rótulos para inputs no formulário:
label {
} -
Na guia do navegador de fontes do Google, copie o trecho no bloco Specify in CSS.
-
Clique em Salvar folha de estilo.
-
Clique em Salvar alterações.
Nota: a SharpSpring oferece serviços profissionais para ajudar na codificação personalizada.
Comentários
0 comentário
Artigo fechado para comentários.