[solved] styling a contact form? Textarea problems?

[Tieme]

Hello,

i want to know if i'm stupid or not?
i want the text of the error massege red?
but how do i do that.

this is my code.

.formbody p.error {
   height:10px;
   margin:3px 2px 0;
   padding-left:20px;
   background-color:#ba4141;
   font-weight:bold;
   font-size:1.2em;
   color:#2200ff;
}

and this part don't work.

   padding-left:20px;
   font-size:1.2em;
   color:#2200ff;

what am i doing rong?

i use typolight 2.8.1
normal formgenerator
with tables.
no exstension

thanks

[ramjet]

try just p.error for those 3.

[Vera]

css rules get assigned a priority. If the other rules in your code are being used, but those few lines are not, then you should try to increase the value for the selector (.formbody p.error). You do that by making it more precise (like adding another element or id: "body .formbody p.error" or "#someID .formbody p.error")

But before you change the selector you can make the individual rules and make them more important:

.formbody p.error {
   height:10px;
   margin:3px 2px 0;
   padding-left:20px !important;
   background-color:#ba4141;
   font-weight:bold;
   font-size:1.2em !important;
   color:#2200ff !important;
}

[Tieme]

Thanks vera,

now its working,

now i'm going to search the code for textarea font-size (for ff, ie is working)

[Tieme]

Hello people,

i have styled my contact form but i have one problem,

i have set the text size to 1.2em it works in all the input boxes but not on the textarea. (Firefox, internet explore working fine)
here is the code of my textarea.

.formbody textarea.textarea {
  width:200px;
  height:150px;
  margin:2px;
  border:1px solid #adadad;
  font-size:1.2em !important;
  color:#444 !important;
}

thanks for the help!

[Tieme]

i solved it with firefox you need to ad font-family like this

.textarea{
font:1.2em arial, verdana, serif;
}

[BuzzieCat]

It’s really a good solution and I am in need of it for my present project thanks for this solution.