Tagged: CONTACT FORM
I would like to change the following in the contact form:
1) Main color of ALL input fields. Referring to the forum, I tried it with these two, but as you can see it didn’t really work.
#top .main_color input[type=’text’] { background-color: #f0eadd; border: solid 1px #ccc; }
#top .main_color textarea { background-color: #f0eadd; border: solid 1px #ccc; }
2) Change the submit button background color on hover and non-hover
3) change the submit button to full-widht
thank you
r
Hey eKMUch!
1) Main color of ALL input fields. Referring to the forum, I tried it with these two, but as you can see it didn’t really work.
Textarea seems to be working just fine but input fields doesn’t because of the single quotes ‘, I have replaced the single quotes in Quick CSS it should look like this:
#top .main_color input[type='text'] { background-color: #f0eadd; border: solid 1px #ccc; }
2) Change the submit button background color on hover and non-hover
3) change the submit button to full-widht
Add this code to Quick CSS:
.avia_ajax_form input[type='submit'].button {
background-color: #00bdbd;
width: 100%;
}
.avia_ajax_form input[type='submit'].button:hover {
background: #009a9a;
}
1st code block is for 2.) non-hover background color and 3.) fullwidth. 2nd block of code is for the button hover, just adjust the color as you see fit. Hope this helps :)
Best regards,
Nikko
wonderful! thank you very much nikko! All three codes worked like a charm! :)
best,
r