Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
March 6, 2017 at 5:54 am #756144
Hi,
I am using Ninja Forms on my site. Is there an easy way to style the form so it looks like the native form. I’d like the same styling including the submit button. Thanks so much!
JustinePS – I’m not using the native contact form because I don’t always get the submissions – only about half the time.
March 10, 2017 at 12:52 pm #758857Hey 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 -
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.