I am currently using the instructions in below page to create front end posts by my site users, and it works great.
http://www.advancedcustomfields.com/resources/tutorials/creating-a-front-end-form/
However, the above method simply dumps all fields on the page one by one, takes the entire container width, and does not look good. I want to be able to take each form field, put it in some location on the grid and design the entire form. For example, as of now,my front end form looks like :
Field 1
Field 2
Field 3
Field 4
etc
I want to make it look like
Field 1 Field 2
Field 3
Field 4 Field 5 Field 6
etc
Also, I want to be able to style each of the form fields.
So , how do I access each formfield to create my own front end post form ?
thanks
Siva
Hi @dreamzsiva
You have 2 options:
1. Leave the HTML as is, inspect it in firebug and then use CSS to alter teh design using floats / widths
2. Use jQuery to pull out the field divs and then place them into placeholders of your own markup
Good luck!
Cheers
E