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
    Posts
    10
    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
    Posts
    10
    I'm using this at http://just-ask-kim.com/blog. 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
    Location
    Canillo, Andorra
    Posts
    283
    Hi,
    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

    regards,
    JC

  7. #7
    Junior Member
    Join Date
    Jul 2017
    Posts
    1
    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?

Bookmarks

Posting Permissions

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