Personalize seu Formulário Usando Códigos CSS

Primeiro, você precisa aprender como inserir códigos CSS personalizados ao seu formulário antes de começar a customizá-lo usando os códigos CSS fornecidos abaixo.

Watch on youtube

Definir uma Imagem de Fundo para a Página

.supernova {
background-image: url('{url_da_imagem}');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
body {
background: none;
}

Substitua {url_da_imagem} pela URL da sua imagem de fundo desejada.

Tornar o Plano de Fundo da Página Transparente

.supernova, body {
background: none;
}

Tornar o Fundo do Formulário Transparente

.form-all {
background: none !important;
box-shadow: none;
}

Remover o Espaçamento Acima do Formulário

body, .form-all {
margin-top: 0;
}

Alterar a Cor de Fundo do Título

.form-header-group, [data-type="control_head"] {
background-color: #c9daf8;
}

Alterar a Cor do Texto do Subtítulo

.form-subHeader {
color: #00b000 !important;
}

Alterar a Cor de Todos os Sub-rótulos

.form-sub-label {
color: #ffb21d;
}

Alterar a Cor de Destaque dos Campos

.form-line-active {
background: #ccffcc;
}

Alterar a Cor do Asterisco dos Campos Obrigatórios

.form-required {
color: cyan !important;
}

Alinhar Formulário à Esquerda

.form-all {
margin: 0;
}

Caso não consiga encontrar o código CSS que precisa para seu formulário, ou queira ajuda para criar algo personalizado, deixe seu comentário abaixo.