Tagged: CSS, form fields, forms, input
-
AuthorPosts
-
May 19, 2014 at 12:06 am #266525
I am creating forms on the site. First example is here –
http://prismcareernetworks.com/prism_wordpress/wp-content/forms/registration_candidate/registration_form_candidate.html
Most things are working okay, but I can’t seem to get the background to change when the field is selected and, now that align has been eliminated in HTML5 I have to use CSS. I have searched exhaustively for .input so that I can add .input_right to a couple of fields.
As always, appreciate your excellent help.
May 19, 2014 at 1:41 am #266565sorry, but this is not enfold.
you can use http://www.w3schools.com/cssref/css_selectors.asp as a reference
May 19, 2014 at 1:18 pm #266773Not sure what you mean by referring me to that site. My CSS viewer shows the fields as <INPUT> with associated styling like field width and so on. Are you saying that this styling is not coming from the Enfold theme and, if so, where is it?
May 19, 2014 at 7:48 pm #266933Hello!
This isn’t exactly a theme issue, but if i understood correctly what you want is to load enfold css in that HTML page?
Cheers!
JosueMay 20, 2014 at 1:19 am #267080The Website you linked has nothing to do with enfold. Maybe its the same folder or you linked it from your website with enfold theme.
But the page that you linked is not even in wordpress.If you want to include the enfold.css into this site you can read: http://www.w3schools.com/css/css_howto.asp
May 20, 2014 at 1:03 pm #267262Now I’m really confused. I didn’t link to any site. My website is using the Enfold theme. My question was about how to style form input fields, but in the meantime I did figure out how to do it by adding .input_right to the form.css file. Worked perfectly.
May 20, 2014 at 3:34 pm #267334Hi Checkmarc,
I think Flikk may have misunderstood but, like me, he’s a participant so we can be “forgiven” :-)
My contribution is simply to say that, having built many many complex or lengthy forms myself, you really might want to check out the Mach Forms plugin for this and other forms.
In my experience, a long blank for can be intimidating for a candidate and if the form does not look “super professional” then potential applicants may see this as an adverse reflection on what you are going to do with the info.
Mach Forms allows you to use conditional logic as well as split the form into pages. Infinitely and easily customisable, if data collection is key to your business it may be the best $39 you’ll ever spend (other than the Enfold theme of course) :-)
I hope this helps,
regards
AndrewJ
- This reply was modified 10 years, 7 months ago by AndrewJ.
May 20, 2014 at 3:45 pm #267341Thanks for the suggestions. Although I agree that it’s important to have professional looking forms I do think this is possible developing my own forms. What I have now is the basics and I will be working on the styling when I’m done. I think it will look just as good as some of the sponsored forms I found online, and they were all absurdly expensive. Mine will be free forever.
This online form is unique in that it is an intake profile of our candidates and is designed to provide the interviewer with as much insight as possible before designing a career path. It is also only the first in a series of reviews in subsequent years to analyze the changes with experience. At least that’s the plan.
May 20, 2014 at 4:45 pm #267377Hi!
Glad you solved the problem. The default form stylings can be found in enfold/css/base.css below this headline
/* #Forms ================================================== */
Cheers!
Peter -
AuthorPosts
- You must be logged in to reply to this topic.