Problem with Paypal code

Support
#1

Hello.

I’m trying to include a simple Paypal button on the footer of my site. I’m using the Paypal embed code.

For some reason, the code is “inheriting” css styles I’m using elsewhere on the site… please see here: https://forodelafamiliacr.com/

I need the button to have a white background and not what’s currently showing. Can you please help with that?

#2

Hello @Jacko_Pinto,

Thanks for asking. :slight_smile:

I don’t see PayPal code in the thread. However, in your button code please add a class element for ex class="button-paypal" and after that add following CSS under X > Launch > Options > CSS:

form.button-paypal {background-color: #fff;}

https://screencast.com/t/FKjRU8vQ6

In case you want to remove shadow effects then please update above code with:

form.button-paypal {background-color: #fff; box-shadow: none;}

Thanks.

#3

Hello Prasant.

Thank you, here is the code:

Where would I need to add the class? I already included the advised CSS

Thanks for the help!

#4

Hi there,

There seems to be misinformation, whatever code you add to the forum post is stripped out. You need to wrap your code between this character: ```

That will prevent the stripping of the code and we will be able to see what you have. I suggest that you give us detailed steps and screenshots of how you added the Paypal button, and which element you used to add it to the footer.

The class which my colleague mentioned should be added to the anchor tag of the button but we need to be sure as we do not see the code to judge.

Thank you.

#5

O Thank you very much Christopher.

Here is the code:

`



`

I want to add the button on a footer widget, you can see how it currently looks here: http://forodelafamiliacr.com

Thanks for all your help!

#6

Hey @Jacko_Pinto,

Your form itself has a gray background. Please change the background to transparent.

Thanks.

#7

Thanks! I already modified the css as adviced earlier on this thread, but need to know where in the code I need to include de class for the button. Thanks!

#8

You’re welcome.

#9

Sorry. I didn’t get where I need to add the button class on that PayPal code. Thanks!

#10

Hi there,

Try assigning a class for this code.

<input type="image" src="https://www.paypalobjects.com/es_XC/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

So it will be like:
<input type="image" src="https://www.paypalobjects.com/es_XC/i/btn/btn_donateCC_LG.gif" border="0" name="submit" class="button-paypal" alt="PayPal - The safer, easier way to pay online!">

Hope that helps.

1 Like
#11

Thank you very much. Worked great!

#12

You’re more than welcome, glad we could help.

Cheers!

#13

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