Contact Us Form

This topic has 5 replies, 2 voices, and was last updated 11 years, 1 month ago by paigeohliger.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 26, 2013 at 2:09 am #15080

paigeohliger
Member

Hello, I was wondering if you could help with the way our contact form is viewing? http://plantricious.com/contact-us/

For some reason the “Email” field is not keeping the style as the rest of the form fields. Any suggestions would be greatly appreciated.

September 26, 2013 at 3:54 am #15083

paigeohliger
Member

I think i have the email field corrected, I wanted to change the field colors to a light tan while standing and white when hovering. This is the code I have but it does not seem to be impacting the form…

/* Contact Form */
#main form .textarea { background-color: #ebe5c5; }
#main form .textarea:hover { background-color: #fff; }

http://plantricious.com/contact-us/

Thanks in advance.

September 26, 2013 at 10:09 am #15100

Sakin
Keymaster

@paigeohliger: This issue was fixed in version 2.0. See this changelog http://catchthemes.com/changelogs/catch-mustang-theme/

September 26, 2013 at 11:03 pm #15134

paigeohliger
Member

I have updated and still the “email” field is still not matching, is now deeper and grey? Any guidance would be greatly appreciated!

September 26, 2013 at 11:16 pm #15137

Sakin
Keymaster

@paigeohliger: If you refresh your browser, you will see it will load the default css for email. But it will not match with your design as you have the following CSS in “Appearance => Theme Options => Custom CSS” box.
input[type="text"], input[type="password"], textarea { background: none #fffdf9; height: 24px; padding: 3px 5px; }

You need to replace that with the following CSS.
input[type="text"], input[type="email"], input[type="password"], textarea { background: none #fffdf9; height: 24px; padding: 3px 5px; }

September 27, 2013 at 12:22 am #15143

paigeohliger
Member

Thanks, that fixed it!
Author

Posts