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

Inject Custom CSS Codes to your Form

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.