Textpattern CMS

#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)

#2 2016-11-29 14:45:37

jayrope

Plugin Author

From: Berlin

Registered: 2006-07-06

Posts: 687

Website Mastodon

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.

#3 2016-11-29 14:50:27

jayrope

Plugin Author

From: Berlin

Registered: 2006-07-06

Posts: 687

Website Mastodon

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.

#4 2016-11-29 14:50:38

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,011

Website GitHub Mastodon Twitter

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.