Page 1 of 1
Using CSS in Contact Forms?
Posted: Sat 2. Sep 2006, 02:17
by Infect The System
Hello All,
I'm having trouble applying CSS inside the email contact form.
Am i not using the CSS field properly??
Unfortunatly the email contact form isin't documented as well as it should be.
Thanks in advance.
-ITS
Posted: Sat 2. Sep 2006, 09:28
by flip-flop
Hi,
CSS style: -> it is a style information, not a class!!!
E.g.:
CSS style: wrote:margin: 5px 0 0 10px; width: 250px;
E.g.
breaktext:
Insert into your frontend.css
Code: Select all
#breaktext {
font-family: Arial, Verdana, Helvetica;
font-size: 10pt;
font-weight: normal;
}
E.g.: General with
formular CSS class: contact_form (frontend.css)
Code: Select all
.contact_form {
border: 1px solid #c8c8c8;
background-color: #f2f2f2;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0;
width: 600px;
}
input,textarea,select {
font-family: Arial, Verdana, Helvetica;
font-size: 10pt;
color : #444444;
border : 1px solid #c8c8c8;
background-color : #f7f7f7;
}
.formLabel {
font-family: Arial, Verdana, Helvetica;
font-size: 10pt;
font-weight: bold;
}
.formLabelRequired {
font-family: Arial, Verdana, Helvetica;
font-size: 10pt;
color: #7F003B;
font-weight: bold;
vertical-align: middle;
padding-top: 2px;
}
.formField {
font-family: Arial, Verdana, Helvetica;
font-size: 10pt;
font-weight: normal;
color: #000000;
vertical-align: middle;
padding-top: 2px;
}
Have a look into a german example V1.2.8:
http://www.phpwcms.de/forum/viewtopic.php?p=71496#71496
Knut
Posted: Sat 2. Sep 2006, 21:22
by Infect The System
Ohhhhh...
Duh!!!
Thanks Knut!