Lifestyle Pro – weird image enlargement

[Steve@316 Design]

I had a client provide the PayPal check out buttons. Only once I copy & paste the code into a page, the button images are giant. How can I stop/fix this

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

http://californiatournamenttrail.com/entry-membership/

[RobG]

I think this should help you with the large button it help me. http://wordpress.org/support/topic/paypal-says-button-is-too-big-due-to-css-code-in-wp

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Steve@316 Design]

Thanks Rob, I tried that,.. maybe I was putting the code in the wrong spot,.. Couldn't get it to work. Then I noticed that was a three year old post. Should that matter?
Now the client has given me even more buttons. Sure would like to find a solution.

http://californiatournamenttrail.com/entry-membership/

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[RobG]

I think you might be placing the css part of the codes incorrectly, I've use this same method for my Paypal script works great.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Steve@316 Design]

Ok thx Rob, Can you please tell me exactly what code I put where? and I'll give it a try.

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[RobG]

Hi Steve what you need to do is add the style part of this code to your Paypal button code because it seems our CSS is making the Paypal button larger. You can also change the height and width for your butting with this css code.

<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;"/>

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Steve@316 Design]

I've tried putting that code in several different ways and different places, nothing seemed to work.

Do I copy ALL that you have in bold? Or just whats in quotes,.. Then where exactly in the code below do I put it.

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="7HRYWZGJR46MA" />
<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" />
</form> 

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[RobG]

Steve try adding it like this, What I did was upload my Paypal image to Workpress then added it in the script. And yes just the bold part of the code you need to add.

I added it in the script you posted below.

<form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”><input type=”hidden” name=”cmd” value=”_s-xclick” />
<input type=”hidden” name=”hosted_button_id” value=”7HRYWZGJR46MA” />
<input type=”image” alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif”style=”border: 0px none ; padding: 0px; width: 96px; height: 21px;”/></form>

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Steve@316 Design]

copied your code, pasted 1st button "CTT Membership" - http://californiatournamenttrail.com/entry-membership/

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[AnitaC]

The input is set at 100%. Try adding this to the bottom of your style sheet.

input {
width: 25%;
}

---

Need help with customization or troubleshooting? Reach out to me.

[Steve@316 Design]

Thank you for chiming in Anita, This theme is being used for several other websites on a WPMS install. How will this effect the other sites?

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[AnitaC]

That has only been happening with the PayPal buttons when they are rendered from the PayPal form code. So if you are using the PayPal form code, then yes - add that to those also. If you upload the image in the media area and then link the image to the PayPal url, then the image will not spread out that way.

---

Need help with customization or troubleshooting? Reach out to me.

[Tony @ AlphaBlossom]

Hello,

Hope I don't confuse things by jumping in here, but I thought I'd share my thoughts.

It shouldn't affect other sites unless they're sharing the same style.css file. If all sites are using the same button image, this might be more failsafe:

.entry-content form input[type="image"] {
max-width: 150px;
}

You can set the width to whatever you want. This way, it's not targeting all inputs, only the image type inputs within the entry-content forms.

Hope that's helpful.

Have a great night!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Steve@316 Design]

Anita, that worked!!!! Thank you so much.

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

[Author]

Posts