Access and style each form field separately on frontend

• dreamzsiva

• September 12, 2013 at 8:28 pm

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

• Elliot

• September 14, 2013 at 1:12 pm

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