PayPal button on product page

  • Resolved paolurso

    (@paolurso)


    5 months ago

    Hi there,
    I’ve noticed that the PayPal button on our product page is not full-width, it’s currently narrower than the container.

    For reference, I’ve attached a screenshot of the current appearance: https://nimb.ws/JyS3ZuB

    Could you please advise if this fix is possible?

    Thank you for your assistance.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @paolurso

    On the Edit Product page within WooCommerce you can configure the button to be full width. You can also just add some simple CSS to your site that increases the width of the PayPal button on your product pages.

    https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    If you share a product page link, I can show you the CSS you need.

    Kind Regards

    Thread Starter paolurso

    (@paolurso)

    Hi there,

    thank you for you reply!

    You can check it here: [ short link expanded into the link field ] the strange is that sometimes it’s full-width and sometimes not…I would it always full-width…how to get it?

    Thank you!

    • This reply was modified 5 months ago by Jan Dembowski. Reason: Short link expanded into the link field, never use those on this site please
    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @paolurso Do not use short links in these forums, that has been abused in the past and is expanded when found. I have expanded yours into the link field.

    That link field cannot be seen by search engines, only by logged in users on this forum.

    Thread Starter paolurso

    (@paolurso)

    Thank you @jdembowski for the information about link usage in the forum.

    I apologize for using a shortened link and appreciate your guidance. I will use full URLs in future posts.

    Thread Starter paolurso

    (@paolurso)

    Hi there, any update for me?

    Thank you!

    Plugin Author Payment Plugins

    (@mrclayton)

    The following CSS should expand the button:

    .wc-ppcp-product-payment__methods li.payment_method_ppcp{
        width: 100% !important;
        max-width: 100% !important;
    }
    Thread Starter paolurso

    (@paolurso)

    Hi @mrclayton I added it and it seems ok now…thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.