Highlighted

PayPal Buttons - stretched

New Here ,
Apr 22, 2019

Copy link to clipboard

Copied

Hi, I am trying to control the display of a PayPal button.  It is displaying stretched.  Is there a way to control the image size within PayPal code?

Thanks.

Lenny Vineham

Hi Viney352,

Sorry to hear that your PayPal button is displaying stretched and you are facing difficulty in controlling the size of the PayPal button. As suggested by Ben, sometimes the default setting for the CSS of your button in your website's theme settings is usually the cause of the PayPal button to show abnormally big.

In addition to that, we can customize the button's HTML code individually to make it appear normal. Editing the HTML to resize PayPal button, you need to add the "style" attribute to correct the size of the PayPal button like below:-

For Example:

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif"  name="submit"

alt="PayPal - The safer, easier way to pay online!"

style="border: 0px none ; padding: 0px; width: 96px; height: 21px;"/>

You can adjust the width and height dimensions as needed. Please try this and let us know if that helps.

Thanks,

Harshika

Views

906

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

PayPal Buttons - stretched

New Here ,
Apr 22, 2019

Copy link to clipboard

Copied

Hi, I am trying to control the display of a PayPal button.  It is displaying stretched.  Is there a way to control the image size within PayPal code?

Thanks.

Lenny Vineham

Hi Viney352,

Sorry to hear that your PayPal button is displaying stretched and you are facing difficulty in controlling the size of the PayPal button. As suggested by Ben, sometimes the default setting for the CSS of your button in your website's theme settings is usually the cause of the PayPal button to show abnormally big.

In addition to that, we can customize the button's HTML code individually to make it appear normal. Editing the HTML to resize PayPal button, you need to add the "style" attribute to correct the size of the PayPal button like below:-

For Example:

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif"  name="submit"

alt="PayPal - The safer, easier way to pay online!"

style="border: 0px none ; padding: 0px; width: 96px; height: 21px;"/>

You can adjust the width and height dimensions as needed. Please try this and let us know if that helps.

Thanks,

Harshika

Views

907

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 22, 2019 0
Adobe Community Professional ,
Apr 22, 2019

Copy link to clipboard

Copied

Can we see the example page in question where the button is stretched?  The buttons should not be stretched by default, so my thought is that you have CSS that is altering the size of the button already.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 22, 2019 1
Adobe Employee ,
Apr 22, 2019

Copy link to clipboard

Copied

Hi Viney352,

Sorry to hear that your PayPal button is displaying stretched and you are facing difficulty in controlling the size of the PayPal button. As suggested by Ben, sometimes the default setting for the CSS of your button in your website's theme settings is usually the cause of the PayPal button to show abnormally big.

In addition to that, we can customize the button's HTML code individually to make it appear normal. Editing the HTML to resize PayPal button, you need to add the "style" attribute to correct the size of the PayPal button like below:-

For Example:

<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif"  name="submit"

alt="PayPal - The safer, easier way to pay online!"

style="border: 0px none ; padding: 0px; width: 96px; height: 21px;"/>

You can adjust the width and height dimensions as needed. Please try this and let us know if that helps.

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 22, 2019 0
New Here ,
Apr 22, 2019

Copy link to clipboard

Copied

Thank you Harshika and Ben....I will try this:)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 22, 2019 1
Adobe Employee ,
Apr 22, 2019

Copy link to clipboard

Copied

You are welcome. Give us a shout if you need anything else.

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 22, 2019 0