Community Forums › Forums › Archived Forums › Design Tips and Tricks › Lifestyle Pro – weird image enlargement
Tagged: lifestyle Pro
- This topic has 13 replies, 4 voices, and was last updated 10 years, 4 months ago by Steve@316 Design.
-
AuthorPosts
-
November 6, 2013 at 3:04 pm #71309Steve@316 DesignMember
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.™November 6, 2013 at 3:19 pm #71311RobGMemberI 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/robgossNovember 13, 2013 at 9:42 pm #72874Steve@316 DesignMemberThanks 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.™November 14, 2013 at 5:38 am #72907RobGMemberI 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/robgossNovember 14, 2013 at 10:42 am #72959Steve@316 DesignMemberOk 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.™November 14, 2013 at 3:12 pm #73000RobGMemberHi 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/robgossNovember 14, 2013 at 4:58 pm #73019Steve@316 DesignMemberI'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.™November 14, 2013 at 5:38 pm #73025RobGMemberSteve 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/robgossNovember 14, 2013 at 7:00 pm #73037Steve@316 DesignMembercopied 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.™November 14, 2013 at 7:10 pm #73038AnitaKeymasterThe input is set at 100%. Try adding this to the bottom of your style sheet.
input { width: 25%; }
Love coffee, chocolate and my Bella!
November 14, 2013 at 7:20 pm #73039Steve@316 DesignMemberThank 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.™November 14, 2013 at 7:23 pm #73040AnitaKeymasterThat 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.
Love coffee, chocolate and my Bella!
November 14, 2013 at 7:30 pm #73043Tony @ AlphaBlossomMemberHello,
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
November 14, 2013 at 8:06 pm #73048Steve@316 DesignMemberAnita, that worked!!!! Thank you so much.
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™ -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.