Support

Account

Home Forums Front-end Issues Access and style each form field separately on frontend

Helping

Access and style each form field separately on frontend

  • 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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.