[solved] styling a contact form? Textarea problems?
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.
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.
Code:
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
Re: styling a contact form? am i stupid or what?
try just p.error for those 3.
Re: styling a contact form? am i stupid or what?
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:
Code:
.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;
}
Re: styling a contact form? am i stupid or what?
Thanks vera,
now its working,
now i'm going to search the code for textarea font-size (for ff, ie is working)
Re: styling a contact form? Textarea problems?
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.
Code:
.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!
Re: styling a contact form? Textarea problems?
i solved it with firefox you need to ad font-family like this
Code:
.textarea{
font:1.2em arial, verdana, serif;
}
Re: [solved] styling a contact form? Textarea problems?
It’s really a good solution and I am in need of it for my present project thanks for this solution.