23 {{ upvoteCount | shortNum }}
23 {{ upvoteCount | shortNum }}

URGENT! How Can I Align to Center Getresponse Web Form

by JimSouza
18 replies
Hey guys,

Am a complete illiterate with programming stuff. I just add a GetResponse Web Form code to my page, but unfortunately it aligned left. I sent mail to support but they replied they do not help customers with that.

Please can someone help me to CENTER the form

NOTE: I would have posted the code here but it's way to long
#align #center #form #getresponse #urgent #web
  • Profile picture of the author David Beroff
    Insert the following inside the angle brackets of the part you wish to center:
    PHP Code:
    style="text-align:center;" 
    Signature
    Put MY voice on YOUR video: AwesomeAmericanAudio.com
    {{ DiscussionBoard.errors[8932407].message }}
  • Profile picture of the author RobinInTexas
    Put your code up at pastebin and someone will likely give you a complete solution.
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8933733].message }}
    • Profile picture of the author David Beroff
      Isn't it reasonable to ask for the OP to post a follow-up on something like this, especially seeing as the thread was marked, "URGENT"?
      Signature
      Put MY voice on YOUR video: AwesomeAmericanAudio.com
      {{ DiscussionBoard.errors[8939803].message }}
  • Profile picture of the author Iconiplex
    You could either do:
    HTML Code:
    <form style="width:100%; text-align:center;">
    or:
    HTML Code:
    <form style="margin-left:auto; margin-right:auto;">
    At least, that's my assumption without actually seeing your form and its contextual implementation.
    Signature
    US-based design, development, marketing, branding, printing, and all other business services.
    High-risk payment processing for pharma, e-cigs, seeds, and more!
    Accepting investment management clients. Minimum deposit is $3000.
    Skype/AIM: artizhay
    {{ DiscussionBoard.errors[8941640].message }}
    • Profile picture of the author Go4DBest
      Originally Posted by Iconiplex View Post

      You could either do:
      HTML Code:
      <form style="width:100%; text-align:center;">
      or:
      HTML Code:
      <form style="margin-left:auto; margin-right:auto;">
      At least, that's my assumption without actually seeing your form and its contextual implementation.
      How about if it is in script form?

      <script type="text/javascript" src="http://app.getresponse.com/view_webform.js?wid=5177002&u=C1zP"></script>
      I wrap it up with a div with that code but still it won't work.

      <div style="text-align:center;margin-left:auto; margin-right:auto">

      <script type="text/javascript" src="http://app.getresponse.com/view_webform.js?wid=5177002&u=C1zP"></script>

      <div>
      Signature
      We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
      {{ DiscussionBoard.errors[9358296].message }}
  • Profile picture of the author yakim1
    You could simply use <center>your form code here</center>
    {{ DiscussionBoard.errors[8949798].message }}
    • Profile picture of the author Iconiplex
      Originally Posted by yakim1 View Post

      You could simply use <center>your form code here</center>
      This tag is deprecated and certainly should not be recommended as a viable solution.
      Signature
      US-based design, development, marketing, branding, printing, and all other business services.
      High-risk payment processing for pharma, e-cigs, seeds, and more!
      Accepting investment management clients. Minimum deposit is $3000.
      Skype/AIM: artizhay
      {{ DiscussionBoard.errors[8949880].message }}
      • Profile picture of the author yakim1
        Originally Posted by Iconiplex View Post

        This tag is deprecated and certainly should not be recommended as a viable solution.
        css is not the solution for everything when this simple tag still functions with html and all the browsers I use still recongize this tag.

        You guys with all this css wonder why page load times can get exessive. A simple wordpress site when the source code is looked at, there may be a thousand lines of css before the actual code for the page appears.

        Best regards,
        Steve Yakim
        {{ DiscussionBoard.errors[8965805].message }}
  • Profile picture of the author Go4DBest
    I am experiencing the same. I can't seem to center the optin form code in script.

    <div style="text-align:center;margin-left:auto; margin-right:auto"><script type="text/javascript" src="http://app.getresponse.com/view_webform.js?wid=5177002&u=C1zP"></script><div>
    It is still aligned left.
    Signature
    We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
    {{ DiscussionBoard.errors[9358289].message }}
  • Profile picture of the author onsmith
    Go4DBest, if you give your <div> a width, it should be centered for you. Something like <div style="text-align:center;margin-left:auto;margin-right:auto;width:300px;">
    {{ DiscussionBoard.errors[9358304].message }}
    • Profile picture of the author Go4DBest
      Originally Posted by onsmith View Post

      Go4DBest, if you give your <div> a width, it should be centered for you. Something like <div style="text-align:center;margin-left:auto;margin-right:auto;width:300px;">
      Thanks, I will try this as well. Awesome, pal.
      Signature
      We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
      {{ DiscussionBoard.errors[9358308].message }}
  • Profile picture of the author Go4DBest
    After many testing, it seems the old html tag <center> </center> will do the trick.
    Signature
    We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
    {{ DiscussionBoard.errors[9358305].message }}
  • Profile picture of the author onsmith
    Setting margin-left and margin-right to auto only works if you tell the browser the width of the object; setting text-align to center only works if the object you're trying to center has width:100%.
    {{ DiscussionBoard.errors[9358315].message }}
  • Profile picture of the author onsmith
    I agree with Iconiplex about the <center> tag. <center> should be avoided at all costs, as its use has been discouraged for over 5 years.
    {{ DiscussionBoard.errors[9358327].message }}
  • Profile picture of the author Michael71
    Using center tag or text-align:center is very bad. Set some width to the form or div containing the form and then use margin:0 auto;
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[9358362].message }}
  • Profile picture of the author Rob de Roy
    you can try this one.
    Fist press "Quellcode"- Button than insert you code,
    then press this button again, select what is to be centered and use the centering button. Now press "Quellcode" and copy the code an insert on you page.
    Best Online HTML Editor | Best Free Online WYSIWYG HTML Editor
    Signature
    let´s boom on boomplace!
    {{ DiscussionBoard.errors[9358951].message }}
    • Profile picture of the author cgyc88
      I had the same problem too and I used this code to solved it.

      <div style="width: (the width of the webform here)px; margin:0 auto;"><script (Getresponse javascript code here)></script></div>

      As an example:

      <div style="width:220px; margin:0 auto"><script type="text/javascript" src="http://www.getresponse.new/view_webform.js?wid=2"></script></div>
      {{ DiscussionBoard.errors[9661434].message }}
      • Profile picture of the author keepitsimple
        I also had trouble centering a Getresponse optin form, but the above code sorted it. Manhy thanks to cgyc88
        Signature

        Don't forget your dreams

        {{ DiscussionBoard.errors[10050618].message }}

Trending Topics