Community Support Forums — WordPress® ( Users Helping Users ) — 2012-01-05T11:55:14-05:00 http://www.primothemes.com/forums/feed.php?f=4&t=16555 2012-01-05T11:55:14-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59783#p59783 <![CDATA[Re: How To Center Pro Form]]>
Could you do me a favor and check out another issue that I am trying to resolve here:

viewtopic.php?f=4&t=16210&p=59782#p59782

Post = Member Level Re-direct & Link Visibility

Statistics: Posted by bradjbarton — January 5th, 2012, 11:55 am

]]> 2012-01-04T21:10:48-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59712#p59712 <![CDATA[Re: How To Center Pro Form]]>
Here's the working page:

Code:
<div id="wrapper">
   <style>
   <div id="launchheader">
   <div id="launchheaderbottom"></div>
   <div id="launchbk">
   <div id="launchfooter"></div>
</div>


Notice how the launchfooter DIV is located inside the wrapper DIV? That's where it should be. (The launchfooter DIV is what creates the bottom of your white frame.)

Now look at the broken page:

Code:
<div id="wrapper">
   <style>
   <div id="launchheader">
   <div id="launchheaderbottom"></div>
   <div id="launchbk">
      <div id="launchvideocontainer" style="width:; height:;">
      <div id="launchinnermain">
      <div id="launchfooter"></div>
   </div>
   <div id="wrapper"> </div>
   <div id="footer">
   <div style="text-align: center;">
</div>


Notice where launchfooter is now? It's inside the launchbk DIV. That's not where it's supposed to be.

I'm not sure how your templates are set up or if you're doing anything else on these pages in terms of creating the HTML, but something is screwing up the DIVs. If you create all the launch DIVs inside the WordPress page editor, then you're missing a closing </div> somehwere and that's screwing things up.

Statistics: Posted by Raam Dev — January 4th, 2012, 9:10 pm

]]> 2012-01-04T19:49:14-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59694#p59694 <![CDATA[Re: How To Center Pro Form]]> Statistics: Posted by bradjbarton — January 4th, 2012, 7:49 pm

]]> 2012-01-04T17:57:27-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59675#p59675 <![CDATA[Re: How To Center Pro Form]]> http://www.sitesteering.com/plan-level-1/ still redirects to the Membership Options page.

Statistics: Posted by Raam Dev — January 4th, 2012, 5:57 pm

]]> 2012-01-03T22:59:36-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59612#p59612 <![CDATA[Re: How To Center Pro Form]]> Statistics: Posted by bradjbarton — January 3rd, 2012, 10:59 pm

]]> 2012-01-03T16:20:33-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59564#p59564 <![CDATA[Re: How To Center Pro Form]]> http://www.sitesteering.com/sms-text-vo ... g-options/ (which appears to be your s2Member Member Options page).

Statistics: Posted by Raam Dev — January 3rd, 2012, 4:20 pm

]]> 2012-01-02T09:46:43-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59420#p59420 <![CDATA[Re: How To Center Pro Form]]>
Please check the bottom border of the white background area at http://www.sitesteering.com/plan-level-1/. Click on one of the cards to expand the page and you will see that the issue follows the page, regardless of length.

And then check http://www.sitesteering.com/plan-level-2/ for comparison.

The only change is the addition of the <div style="width: 75%; margin: 0 auto;">. My old table references have been removed from both pages, but the table references did not alter this bottom cell border anyway.

Any ideas on this?

Statistics: Posted by bradjbarton — January 2nd, 2012, 9:46 am

]]> 2011-12-29T22:58:09-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59183#p59183 <![CDATA[Re: How To Center Pro Form]]>

Statistics: Posted by Cristián Lávaque — December 29th, 2011, 10:58 pm

]]> 2011-12-29T07:22:35-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59088#p59088 <![CDATA[Re: How To Center Pro Form]]> Statistics: Posted by bradjbarton — December 29th, 2011, 7:22 am

]]> 2011-12-29T04:32:34-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=59063#p59063 <![CDATA[Re: How To Center Pro Form]]>
Code:
<div style="width: 75%; margin: 0 auto;">
[s2Member-Pro-PayPal-Form level="1" ccaps="" desc="Bronze Plan - $9.97 USD Monthly - Automatic Recurring Monthly Charge For Ongoing Access" ps="paypal" lc="" cc="USD" dg="0" ns="1" custom="www.sitesteering.com" ta="0" tp="0" tt="D" ra="9.97" rp="1" rt="M" rr="1" rrt="" rra="2" accept="paypal,visa,mastercard,amex,discover,maestro,solo" accept_via_paypal="paypal" coupon="" accept_coupons="0" default_country_code="US" captcha="0" /]
</div>



I hope that helps.

Statistics: Posted by Cristián Lávaque — December 29th, 2011, 4:32 am

]]> 2011-12-28T00:38:51-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58992#p58992 <![CDATA[Re: How To Center Pro Form]]> My example code makes the form 60% less wide.
I'm using Atahualpa free theme.
I did not want to center it, just make it smaller.

Thank you

Statistics: Posted by meets2 — December 28th, 2011, 12:38 am

]]> 2011-12-27T10:23:32-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58933#p58933 <![CDATA[Re: How To Center Pro Form]]> http://www.sitesteering.com/plan-level-1/ , although I have the same issue on all the Pro payment pages.

This does not work to center it (currently in use on example page) -
<table width="75%" align="center" cellspacing="0" cellpadding="0">

This did not work -
margin: 0 auto;, although the format/syntax appears different than what is currently in use to reduce the width to 75%.

And, the example from meets2 did not change the appearance at all.

I am reasonably sure that there must be a way to do this, and that I have either not entered the correct code, or the code I entered was not the proper syntax to achieve the desired result. With the exception of adding the line to reduce the width to 75% this is standard Pro form code. Since you provide the exact method to reduce form width, if desired, it would stand to reason that you have also figured out how to re-center the form on the theme background. Can you simply tell me the exact (copy and paste) line of code I need to both reduce width to 75% and re-center the form?

Statistics: Posted by bradjbarton — December 27th, 2011, 10:23 am

]]> 2011-12-27T06:51:40-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58912#p58912 <![CDATA[Re: How To Center Pro Form]]>
Code:
<div style="margin-left; width:60%;">
            proform
</div>


I'll try to make it look better in a few days.

Statistics: Posted by meets2 — December 27th, 2011, 6:51 am

]]> 2011-12-27T06:26:24-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58909#p58909 <![CDATA[Re: How To Center Pro Form]]>
Well, you'd use it to style the div that contains the pro-form. http://google.com/search?q=center+div+margin+auto

Statistics: Posted by Cristián Lávaque — December 27th, 2011, 6:26 am

]]> 2011-12-27T06:18:26-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58905#p58905 <![CDATA[Re: How To Center Pro Form]]> I am developing locally so I don't think you can access my dev site, or can you?

Statistics: Posted by meets2 — December 27th, 2011, 6:18 am

]]> 2011-12-27T06:06:28-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58901#p58901 <![CDATA[Re: How To Center Pro Form]]> margin: 0 auto;?

Could you post a link to the page with the form to take a look?

Statistics: Posted by Cristián Lávaque — December 27th, 2011, 6:06 am

]]> 2011-12-27T00:56:17-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58883#p58883 <![CDATA[Re: How To Center Pro Form]]> I've tried using the above code, but it also makes the background of the form gray.
I'd like to set the max width of forms, without changing background color.

Main reason is to make it more compact and better designed. Avoiding user to have to traverse screen from left to bottom right to click on "Submit Form".

Thank you

Statistics: Posted by meets2 — December 27th, 2011, 12:56 am

]]> 2011-12-26T10:27:54-05:00 http://www.primothemes.com/forums/viewtopic.php?t=16555&p=58825#p58825 <![CDATA[How To Center Pro Form]]>
<link rel="stylesheet" href="../commons/style.css" type="text/css"/>
<table width="75%" align="center" cellspacing="0" cellpadding="0">
<td>
[s2Member-Pro-PayPal-Form level="1" ccaps="" desc="Bronze Plan - $9.97 USD Monthly - Automatic Recurring Monthly Charge For Ongoing Access" ps="paypal" lc="" cc="USD" dg="0" ns="1" custom="www.sitesteering.com" ta="0" tp="0" tt="D" ra="9.97" rp="1" rt="M" rr="1" rrt="" rra="2" accept="paypal,visa,mastercard,amex,discover,maestro,solo" accept_via_paypal="paypal" coupon="" accept_coupons="0" default_country_code="US" captcha="0" /]
</td>
</tr>
<tr><td height="10px"></td></tr>
</table>

It does make the width 75%, however, it does not center the table. I have tried a number of the common HTML centering techniques, and removed the style sheet reference, but nothing I have tried centers the Pro form table after reducing the width to 75%.

Any ideas how to solve this?

Statistics: Posted by bradjbarton — December 26th, 2011, 10:27 am

]]>