I am trying to customize my contact form and I am part way there but I am stuck.
Using the code below I am able to change the background color of the form but not the font color (the font color in my code does not work. Has anyone found out how to change the font color.
I am using white as test color because it is a big change.


/* this controls the top of the contact form */
#contactUsPanelmyContactPanel0_h{

background-color: #ffffff;
h1-font-color:#ffffff;
font-color:#ffffff;

}
/* this controls the body of the contact form */
#contactUsPanelBD{

background-color: #ffffff;
font-color:#ffffff;

}

I am also in the process of correcting some banner issues so I know there are some issues with it.

To change that code you will need to use this:

.contactUsFormName {
color: #ffffff;
}

Instead of the

#contactUsPanelBD{

font-color:#ffffff;

}

Originally Posted by Smug Eric To change that code you will need to use this: .contactUsFormName { color: #ffffff; } Instead of the #contactUsPanelBD{ font-color:#ffffff; }

did not work the part I am really trying to change the the top text of the form where is says contact realphotoman

Originally Posted by dbveto did not work the part I am really trying to change the the top text of the form where is says contact realphotoman

If your trying to target the very top text only...try this:

#contactUsPanelmyContactPanel0_h h1
{color:red}

And if ya want to get crazy on this thing...try this and see what you think:

/*************************************************
       =======  Contact Page Form  =======
*************************************************/
#contactUsPanel_c {z-index:999999 !important}
#contactUsPanel_h h1 {display:none}
#contactUsPanel {width:auto;height:570px}
.contactOwnerLeftcol {display:none}
#contactUsPanelmyContactPanel0_h {display:none}
#contactUsPanelmyContactPanel0
{width:600px !important;height:420px;
background-color:#000 !important;
background-image:none !important}
#contactUsForm {margin:auto;padding:10px}
#contactUsPanelmyContactPanel0 #Problem 
{height:200px;color:#fff;background-color:#444;}
.contactUsTextboxies
{color:#fff;background-color:#444;}

Joe

Is it possible to center the fields in the box as well ?
How it will be possible to change the code of the text field as well ?

last question - why my logo is away in this contact sheet ?

Originally Posted by Pshots Joe Is it possible to center the fields in the box as well ? How it will be possible to change the code of the text field as well ? last question - why my logo is away in this contact sheet ?

Try this instead....

/*************************************************
       =======  Contact Page Form  =======
*************************************************/
#contactUsPanel {width:auto;height:570px}
.contactOwnerLeftcol {display:none}
#contactUsPanelFooter_h {display:none}
#contactUsPanelFooter
{background-color:#000 !important;
background-image:none !important;
width:600px !important;height:450px !important}
#contactUsForm {margin:auto;padding:10px}
#contactUsPanelFooter #Problem 
{height:200px;color:#B6FE11;background-color:#fff}
.contactUsTextboxies
{color:#000;background-color:#fff}

Originally Posted by J Allen If your trying to target the very top text only...try this: #contactUsPanelmyContactPanel0_h h1 {color:red}

Thanks for the response, I had already got the color changed. I may try your other tips, if I stay with SM