PayPal Button

Support
#1

Hi,

Need some help to adjust the PayPal subscribe button. Please have a look at this screenshot. How can make the field type bigger and center the title? The live URL is here.

Thanks in advance!

#2

Hello @abdurrehman,

Thanks for asking. :slight_smile:

I don’t see PayPal button on your website. Can you please confirm? https://screencast.com/t/QWN1PgtcE89D

Thanks.

#3

Hi,

When I’m logged in it does show don’t know why doesn’t show logged out. Can you take a look at this? I have added the secure note.

Thanks

#4

Hello @abdurrehman,

First in your form code please add a class to style the text and text box. For demonstration I have assigned class="paypal-button-form"

After that please add following CSS code under Pro > Launch > Theme Options > CSS:

form.paypal-button-form input[type="text"] {width: 300px;}

form.paypal-button-form tr:first-child td {text-align: center;}

Thanks.

#5

Hi,

Thanks for your reply. I have added this but it doesn’t change anything. Can you check it by yourself? I have provided the user/pass.

Also, I’m wondering when logged out why that button doesn’t show? Even the code I’ve got from the PayPal is fine.

#6

About the button isn’t showing seems an issue?

Similar thread: https://theme.co/apex/forum/t/paypal-buttons-dont-show/13623/8

Is there any workaround how to fix this to show up the button?

#7

Hi There,

The CSS code given did not work because of syntax errors. Please change the way you comment a line in CSS. from this:

//PayPal button //
form.paypal-button-form input[type="text"] {width: 300px;}

form.paypal-button-form tr:first-child td {text-align: center;}
// Ends//

To this:

/*PayPal button*/
form.paypal-button-form input[type="text"] {width: 300px;}

form.paypal-button-form tr:first-child td {text-align: center;}
/*Ends*/

Regarding the button not showing issue, please place your button code on a RAW Content element.

Hope it helps,
Cheers!

#8

Hi,

Sorry, I have correct the syntax but still doesn’t change anything. Can you take a look at that?

Now it’s showing added in the raw content. Thanks

#9

Hi There,

You need to correct every syntax error on your entire custom CSS. You can check that here, warnings are fine but there should not be an error.

Cheers!

#10

Which one is wrong? All that CSS was provided by you guys. Can you point to the wrong CSS?

#11

Hi,

Did you check your entire custom CSS on the http://csslint.net? All of the errors found are pointing to your comments.


CSS comment

/* use this */

// not this //

Thanks,

#12

Hi,

Thanks, It worked now. Sorry didn’t get notice of that. Can you suggest removing the space between input field and button as requested previously?

Many thanks

#13

Hi,

To remove the space, you can add the code below in Theme Options > CSS

.paypal-button-form table {
    margin-bottom:0;
}

Hope that helps

#14

It worked, thank you!

#15

You’re welcome!
Thanks for letting us know that it has worked for you.

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.