-
Posts
-
I am trying to modify the styling options for the contact form fields. I cannot find the style elements anywhere in any of the css files. Can you help me locate these? I’d like to change the background color for all the contact fields so that they pop more on the page. Currently they are white on a white background with an off white border. They are very hard to see!
Hi,
You can target background of text inputs with following CSS. Please add it to Quick CSS in Enfold theme options under Styling
#top .main_color input[type='text'] { background-color: red; }Regards,
YigitWorked like a charm, thank you!
I notice it did not work for the message field. Looking at the code, it does not have a indicator for type=”text”. How would I style this box as well?
Sure, it’s http://176.32.230.26/petalsnquotes.com/contact/
Thanks!Hi,
This is the class you should target
#top .main_color textarea { background-color: red; }Regards,
YigitWorked perfectly! Thanks Yigit.
For anyone else wanting to style the contact form to be more visible with a nice border around the fields, here is my final css code, placed in the Quick CSS field under Enfold theme options:
#top .main_color input[type=’text’] { background-color: #f0eadd; border: solid 1px #ccc; }
#top .main_color textarea { background-color: #f0eadd; border: solid 1px #ccc; }
- The topic ‘Modify Contact Form CSS options’ is closed to new replies.