problems with paypal smart button on brizy wordpress plugin

Brendyn C Bell

• July 05, 2022 04:48
• Edited

I managed to get my paypal smart buttons up on my brizy site, but as you can see on desktop view, the button is centered to the left of the page.

 

On mobile view it is centered.

How am I able to center the paypal button for desktop view?  Thanks.

 

this is the code

<div id="paypal-button-container-P-3FE98489M6642245NMK5E3EQ"></div>
<script src="https://www.paypal.com/sdk/js?client-id=AWYW_OlegxOcV89WMjpVzWniKQ4hYZZ9ZpCQqn0CurHiFO5OnpgjdRaQNFX-hnzm0u1hR7Wdmh4s3CTa&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'pill',
          color: 'white',
          layout: 'horizontal',
          label: 'paypal'
      },
      createSubscription: function(data, actions) {
        return actions.subscription.create({
          /* Creates the subscription */
          plan_id: 'P-3FE98489M6642245NMK5E3EQ'
        });
      },
      onApprove: function(data, actions) {
        alert(data.subscriptionID); // You can add optional success message for the subscriber here
      }
  }).render('#paypal-button-container-P-3FE98489M6642245NMK5E3EQ'); // Renders the PayPal button
</script>

0

• 

  KC George

  • July 05, 2022 14:52
  • Edited

  Hi Brendyn,

  Add a row element and drag and drop the Embed element into the row. Then reduce its width to around 40-50%. Please watch this video for more detailed procedure. https://jmp.sh/x9fYBtZ

  Take a look at my test page here https://kctest.online/paypal

  0

Please sign in to leave a comment.