Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save rodrigo-gpereira/43577e4698d9f18de2ca71a6b763d3aa to your computer and use it in GitHub Desktop.
Save rodrigo-gpereira/43577e4698d9f18de2ca71a6b763d3aa to your computer and use it in GitHub Desktop.
Código do 7º episódio da série DO FIGMA PARA O ELEMENTOR | COMO FAZER UM SITE COM ELEMENTOR A PARTIR DE UM LAYOUT DESENVOLVIDO NO FIGMA. https://www.youtube.com/watch?v=JDmCTpNUNRQ&list=PLYW_GTMrtrwzMou6fdzuTt-6s9u_b4DAp
/*Formulário CF7*/
.ui-form {
display: flex;
gap: 16px;
max-height: 36px;
}
.ui-form ::placeholder {
color: var(--e-global-color-text);
}
/*Altere os valores das variáveis css para as disponíveis no seu template KIT*/
.wpcf7 form.invalid .wpcf7-response-output {
margin: 2.4em 0 0em;
border-color:var(--e-global-color-7b32ea7);
color:var(--e-global-color-text);
background-color:var(--e-global-color-7b32ea7);
}
.wpcf7-not-valid-tip {
position: absolute;
top: 36px;
color: var(--e-global-color-7b32ea7);
font-size:.825rem
}
<div class="ui-form">
<div>[text* your-name placeholder "Nome"]</div>
<div>[email* your-email placeholder "Seu melhor e-mail"]</div>
<div>[submit "Enviar"]</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment