latest stable versions: v150827 (changelog)

Old Forums (READ-ONLY): The community now lives at WP Sharks™. If you have an s2Member® Pro question, please use our new Support System.

Align buy now button

Home Forums Community Forum Align buy now button

This topic contains 3 replies, has 3 voices. Last updated by  Bruce 3 years, 11 months ago.

Topic Author Topic
Posted: Monday Feb 4th, 2013 at 6:40 pm #40792
Ronnie
Username: Zeeflo

By default the Paypal Pro Form Checkout button is aligned right..
How on earth do I align it left??

This is what I want to do:

List Of Topic Replies

Viewing 3 replies - 1 through 3 (of 3 total)
Author Replies
Author Replies
Posted: Tuesday Feb 5th, 2013 at 4:08 am #40825
Staff Member

Thanks for your inquiry. ~ We appreciate your patience :-)

It might be easier just to set the overall width of your Pro Form by wrapping your Shortcode with a div tag.

<div style="width:50%;">
	[s2Member-Pro-PayPal-Form ... /]
</div>

Or, you could inspect your site with an application like FireBug and tweak CSS styles.
http://getfirebug.com/

Posted: Tuesday Feb 5th, 2013 at 6:05 am #40844
Ronnie
Username: Zeeflo

@ Jason.

I am using firebug, but i cant figure out which css code I need to move those.
You can see the page in action here:
http://www.movielocker.dk/index.php/adgang-i-12-timer-uden-abonnement/
Ive customized alot of it in my own style.css like so:

/* 16. S2member Style Overrides
*********************************************************************************************/
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="text"],
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="password"],
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div textarea,
div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div select
        {
                width: 60% !important;
        }
div.s2member-pro-paypal-checkout-form-password-strength
        {
                width: 59% !important;
        }
div.s2member-pro-paypal-form-registration-section-title
        {
                background: url("") no-repeat scroll left center transparent !important;
        }
div.s2member-pro-paypal-form-section-title
        {
                font-family: small-caption, Verdana, Geneva, sans-serif !important;
                border-style: none !important;
                margin: 0 !important;
        }
div.s2member-pro-paypal-form-coupon-section-title
        {
                background: url("") no-repeat scroll left center transparent !important;
        }
div.s2member-pro-paypal-form-custom-fields-section-title
        {
                background: url("") no-repeat scroll left center transparent !important;
        }
div.s2member-pro-paypal-form-section
        {
                margin: 10px 0 0 !important;
        }
Posted: Wednesday Feb 6th, 2013 at 4:26 pm #40928
Bruce
Username: Bruce
Staff Member

I am using firebug, but i cant figure out which css code I need to move those.

On your page, the CSS Classes for the two input that you’d like move are the following:

s2member-pro-paypal-coupon-apply
s2member-pro-paypal-submit

You should be able to use these classes to move your buttons around.

That’s about as far as we can go with custom code. If you need further assistance, we recommend http://jobs.wordpress.net, or another freelance web site where WordPress® experts are offering their expertise through a bid on your project.

Please let us know if problems persist. :-)

Viewing 3 replies - 1 through 3 (of 3 total)

This topic is closed to new replies. Topics with no replies for 2 weeks are closed automatically.

Old Forums (READ-ONLY): The community now lives at WP Sharks™. If you have an s2Member® Pro question, please use our new Support System.

Contacting s2Member: Please use our Support Center for bug reports, pre-sale questions & technical assistance.