Custom PayPal and 'Submit form' buttons

Hi,
I would like to change the standard checkout PayPal button to and custom giff. The standard PayPal button is very small. I would also like to charge the ‘Submit Form’ button – ideally edit the text and add my own css.

I’ve looked through lots of files (php/js) but can’t find the correct location to make the changes. Can anyone point me in the right direction?

My current page is https://www.diyprobateforms.co.uk/order-now-secure/?s2-ssl=yes

Thanks.

Hi Phil.

I’m afraid that the PayPal Express Checkout button can’t be changed, it’s part of PayPal’s terms.

Nice customization of the pro-form. :)

Hi Cristián,

I understand that the PayPal button can’t be changed, that’s absolutely fine!

But the ‘submit form’ button when a customer selects a payment method other than PayPal is ugly and is a real eyesore compared to the rest of the design of our site!

How can I change this? Seriously… it needs to be changed!!

Cheers
Steve

Hello again…

OK, I have managed to find the CSS to edit the look of the button, but placing a background image on the button also places it on the PayPal button. Is there any way to distinguish the two? I couldn’t see any – the CSS path looks identical to me.

More important is to be able to change the value of the button from ‘Submit Form’ to ‘Buy now’ but no matter what I try I can’t get this to work.

I’ve tried overriding the templates – no joy!

I’ve tried editing the templates in the actual code base – no joy!

I’ve eventually discovered that the value is coded into the Javascript file. Is this why all my efforts have been fruitless?

Please advise…

Thanks
Steve

Ahhh… found the post about the correct CSS selector to use to distinguish the PayPal button from the styled ‘Submit Form’ button:

input#s2member-pro-paypal-checkout-submit[type = "submit"],
input#s2member-pro-paypal-sp-checkout-submit[type = "submit"],
input#s2member-pro-authnet-checkout-submit[type = "submit"],
input#s2member-pro-authnet-sp-checkout-submit[type = "submit"]
   {
      /* Styles go here. */
   }

So, all I really need is some guidance on how to change the actual text from ‘Submit Form’ to ‘Buy Now’

Is this possible please?

Cheers
Steve

P.s. Why is this so difficult to find?

Hello again,

It seems there is a similar issue with the ‘Save All Changes’ button on the User Profile Edit page created using the shortcode [s2Member-Profile /]

Please could you also advise on how I would go about changing the text for this button too.

Thans very much
Steve

Hi Steve.

This post by Jason will help you understand how the text can be changed using the translation feature: http://www.s2member.com/forums/topic/removing-your-css-styles-and-your-oops-text/#post-15849

I hope it helps. :)

Yes that helps! Thank you!

Excruciatingly difficult to find, actually, I didn’t find it despite hours of searching, perhaps something to consider for the documentation?

Cheers
Steve

I’m glad it helps! :)

Yeah, I know, we’re improving this. Thanks for the feedback.