Results 1 to 7 of 7

Thread: Horizontal Opt-In form

  1. #1

    Horizontal Opt-In form

    I am trying to create a one line horizontal opt-in form with the following syntax/structure on a 700 pixel wide page:

    [Text goes here] [email text input field] [subscribe button]

    What is the CSS coding required to do this?

    Thank you for your help, it is greatly appreciated.

  2. #2
    Junior Member
    Join Date
    Apr 2012
    I'm on a similar hunt to what Shane is seeking. Many of the popup templates do a respectable job of offering the form in a horizontal view... but the in-post box defaults to a top-down format. What custom css needs added to get the content elements inside .ia_form to display in a horizontal manner?

  3. #3
    Hi guys, looks like that this is a rare issue. Found any answer to this by any chance?

  4. #4
    Junior Member
    Join Date
    Apr 2012
    I'm using this at The part of particular importance is the clear statement. However, the form itself still does not sit quite right but it's close enough for the moment that I've stopped tinkering. Notice the huge gap in the middle where the form should sit more to the left.

    .ia_form {clear:none}
    .ia_content {float:left; width:50%}
    .ia_form {float:right; width:50%;}
    .ai-optin-form {margin-bottom:20px}

  5. #5
    Im trying to find the answer to this too. I need a custom form with the following structure:
    [Text goes here]
    [email text input field] [subscribe button]

  6. #6
    WPS Team
    Join Date
    Feb 2012
    Canillo, Andorra
    to do this you must use the custom CSS, but it's different for each template and for that I can't give you a model without seeing the issue on live


  7. #7
    Junior Member
    Join Date
    Jul 2017
    Has anybody been able to get this working? I've been trying to find the CSS to get [input field] [submit button] side by side and so far no luck. Can anybody help?


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts