CSS Fix for Enfold Theme

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.

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

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.

Swashata has written 242 articles

Hi there, I am the Lead Developer at WPQuark.com. I love to create something beautiful for WordPress and here I write about how to use them. When I am not working, usually I am doing a number of other creative things ;).