Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2016-11-29 14:16:05
- pierlu
- Member
- Registered: 2014-08-12
- Posts: 153
zem_contact
Salve con zem_contact ho scritto questo form
<div class="contatti">
<txp:zem_contact to="e@gmail.com" label="">
<txp:zem_contact_text label="Nome"/>
<txp:zem_contact_text label="Cognome"/>
<txp:zem_contact_email />
<p class="mail">Lascia qui un messaggio</p>
<txp:zem_contact_textarea />
<txp:zem_contact_submit label="Send" class="btn" />
</txp:zem_contact>
</div>
.contatti {
form {
margin-top: 30px;
box-shadow: 2px 2px 2px 2px darken(#fff, 50%);
label,input {
margin-top: 10px;
}}
textarea {
width: 90%;
margin-top: 30px;
border-radius: 8px;
margin-left: 39px;
}
.mail {
margin-top: 20px;
}
input {
margin-right: 50px;
height: 50px;
width: 200px;
border-radius: 8px;
}
input:focus {
background: $colore-primario;
color: #fff;
}
textarea:focus{
background: $colore-primario;
color: #fff;
}
.invia {
width: 100%;
margin-bottom: 15px;
}
}
non prende le regole del css
perchè?
Last edited by pierlu (2016-11-29 14:16:24)
Offline
Re: zem_contact
I speak no Italian, however, try to look for <fieldset> and <legend> in the resulting page source. That way you find out, which part of the form you need to direct your css to.
Also, more important, some of the { } in your css code seem improperly used, check for consistence.
Last edited by jayrope (2016-11-29 14:48:51)
A hole turned upside down is a dome, when there’s also gravity.
Offline
Re: zem_contact
Corrected CSS
.contatti form {
margin-top: 30px;
box-shadow: 2px 2px 2px 2px darken(#fff, 50%);}
label,input {
margin-top: 10px; }
textarea {
width: 90%;
margin-top: 30px;
border-radius: 8px;
margin-left: 39px;
}
.mail {
margin-top: 20px;}
input {
margin-right: 50px;
height: 50px;
width: 200px;
border-radius: 8px;}
input:focus {
background: $colore-primario;
color: #fff;}
textarea:focus{
background: $colore-primario;
color: #fff;}
.invia {
width: 100%;
margin-bottom: 15px;}
Last edited by jayrope (2016-11-29 14:51:22)
A hole turned upside down is a dome, when there’s also gravity.
Offline
Re: zem_contact
Hmmm. Can you do double curly brackets outside the @media conditionals?
Also do check the page source. There is no textarea
but there is .zemtextarea
for the css. Furthermore, you may need display:block
for the form
element.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Pages: 1