Due to CSS conflict, eForm doesn’t look decent with Enfold WordPress Theme. To fix this, you need to enter the following CSS under Enfold Settings > General Styling > Quick CSS.
[css]
#top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select {
border-color: transparent;
background-color: transparent;
color: #808080;
border-bottom: 1px solid #9e9e9e;
margin-left: 3em;
width: 92%;
width: calc(100% – 3em);
}
#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
box-shadow: none;
color: #555;
}
#top label {font-weight:normal!important;
}
[/css]
The code above has been provided by Enfold only. They have also stated that users might not be able to influence the color settings of the input or contact form fields in the theme options after adding the css code.
