Using CSS in Contact Forms?

[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

[flip-flop]

Hi,

CSS style: -> it is a style information, not a class!!!
E.g.:

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

[Infect The System]

Ohhhhh...

Duh!!!

Thanks Knut!