Hey jnightingale!

Thank you for using Enfold.

The fields look the same as the default theme fields but you can add this css code to improve it.

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;
    width: 100%;
    padding: 13px;
    border-radius: 2px;
}

#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: #ebe8e2;
    background-color: #f8f6f2;
    color: #9c9288;
}

For the submit button, please use this css code.

.ninja-forms-field[type="button"] {
    background-color: #c3512f;
    color: #ffffff;
    border-color: #a1300d;
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: normal;
    font-size: 0.92em;
    min-width: 142px;
    outline: none;
}

Adjust the values as needed.

Regards,
Ismael

Hey!

I’m sorry but that’s not possible at the moment. If you you’re familiar with your database, you can search for the wp_options > avia_options row and then extract the colorset- keys from the whole theme options.

If you don’t intend to toggle anything in theme options, you can copy the enfold.css file in wp-content > dynamic_avia. Please note that any changes in the theme options will regenerate the dynamic stylesheet.

Best regards,
Ismael

Hey Paul,

You should apply the changes on enfold/search.php file. Elliot was a moderator on our forum.
Please consider using a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and apply the changes there otherwise they will be overwritten when you update the theme.

Cheers!
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (min-width: 1024px) {
.woocommerce-product-search input[type="submit"] {
    width: 10%;
    float: left;
    min-height: 35px;
}
#woocommerce-product-search-field {
    width: 90%!important;
    float: left;
}}

Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

Best regards,
Yigit