Problem with Paypal button

• 

  profadompro · Member · Jul 8, 2016 at 2:20 pm

  • Copy link
  • Add topic to favorites

  Hi I’ve got 2 problems:

  1) When I put a Paypal button on my page, a line behind the button appears (hypertext link ?).

  How can I remove this line to just have a clean button?

  2) I’m French and my customers are French so I’d like to have a French Paypal button.

  From my Paypal account the buttons are all French, but when integrating it onto my wordpress site, I have to follow the html guidelines and thus I only have access to English button images.

  I’d like my button to say “S’ABONNER” and have the credit cards showing underneath.

  Anyone can help me? Thanks in advance ;-)

  Marie

  ps: I’m using the Shoreditch theme and here’s the CSS on my website.

  /*
  Bienvenue dans l’éditeur de CSS !

  Pour en savoir plus sur le fonctionnement de l’éditeur, vous pouvez vous
  rendre sur cette page :
  http://wp.me/PEmnE-Bt
  */
  .page-template-panel-page .hentry.has-post-thumbnail:before {
  background: none;
  }

  .header-image img {
  display: none;
  }

  .home .header-image img {
  display: block;
  }

  .button1 {
  background: orange;
  border: 0;
  border-radius: 5em;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  letter-spacing: .0625em;
  padding: .69231em 1.5em;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  }

  .button1:focus a, .button1:hover {
  color: #fff;
  }

  .button2 {
  background: yellow;
  border: 0;
  border-radius: 5em;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  letter-spacing: .0625em;
  padding: .69231em 1.5em;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  }

  .button2:focus a, .button2:hover {
  color: #fff;
  }

  .button3 {
  background: #ffcc66;
  }

  .button3:hover {
  background: #ffcc33;
  color: #ffffff;
  padding: .7em 1.5em;
  font-size: 18px;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.5) !important;
  }

  .button4 {
  background: #66cc99;
  }

  .button4:hover {
  background: #66cc99;
  color: #ffffff;
  padding: .7em 1.5em;
  font-size: 18px;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.5) !important;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Jul 8, 2016 at 2:48 pm

  • Copy link

  Could you link me to a page on your site where the PayPal button is showing? That way I can try a few things out and let you know if there’s some CSS that would help.

• 

  profadompro · Member · Jul 8, 2016 at 4:34 pm

  • Copy link

  Sure, here it is: https://babyandkidsenglish.com/tarifs-et-abonnements/

• 

  hallluke · Member · Jul 8, 2016 at 4:43 pm

  • Copy link

  You can get rid of the phantom line that appears with this code. It’s set to affect just links on that page so if you include any regular links in the future they’ll probably look a bit weird:

  #post-764 a {
  	box-shadow: unset;
  }

  The link itself is just an image, if you want to create a new image with whatever text you want on it you could use that instead. Once you’re done upload it to your media library and post the URL here and I’ll help with the code to switch it over – this can probably be done in the HTML editor rather than relying on CSS.

• 

  profadompro · Member · Jul 9, 2016 at 6:41 am

  • Copy link

  Cool! Thanks a lot for this.

  Marie