-
Posts
-
I have my site almost finished now but im having 1 issue.
All the theme colours are perfect throughout the site, accept for the contact form.
The titles are fine its the input fields that need to have a different background colour.
I have tried:
.ajax_form fieldset{
background-color: #37589B;
}
but this changes the colour of the headings not the input boxes!
Please Help!!!! :D
Hi LouisLeedham,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.page-id-1167 .main_color .input-text,
#top.page-id-1167 .main_color input[type='text'],
#top.page-id-1167 .main_color input[type='input'],
#top.page-id-1167 .main_color input[type='password'],
#top.page-id-1167 .main_color input[type='email'],
#top.page-id-1167 .main_color input[type='number'],
#top.page-id-1167 .main_color input[type='url'],
#top.page-id-1167 .main_color input[type='tel'],
#top.page-id-1167 .main_color input[type='search'],
#top.page-id-1167 .main_color textarea,
#top.page-id-1167 .main_color select {
background-color: #37589B;
border-color: #888;
color: #fff;
}I’ve added in all of the form field selectors that you could need and made each initial selector target that specific page ID. So if you wanted this to work on another page you would just need to change the page-id-#### selector in the css above.
Modify the color codes for each property value as needed.
Regards,
Devin
- The topic ‘Custom CSS to change Contact Field Background Color’ is closed to new replies.