Custom CSS Code for Enfold Users (that will make eform work like a charme)

Dear Swashata,

The Enfold support team helped me figure out the class/selector issue.

Enfold users experience problems with this plugin. When using the supplied special template, other Enfold functions won’t work. A better solution is to use this snippet of custom CSS code – just insert the following code into Enfold’s “Quick CSS” field (tab: general styling):

#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;
}

Please note: Enfold 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.