Have you ever tried to insert Paypal Buy Now buttons into a blog running Thesis ? You follow all the instructions and end up with great big scaled up pay pal buttons that look stupid.
So, how do i fix them ?
The fix is actually very simple. Open the Thesis Custom File Editor. From the drop down list select custom.css and click the green Edit selected file button.
At the end of the file add the following code
.custom .format_text input, #commentform input, #commentform textarea {
width:auto;
}
if you are having trouble try typing it instead of copy and pasting.
Save the file, and reload you page with the paypal buttons. If everything went to plan your buttons should be the correct size now.
Goodluck, I hope this helps you out. Let me know either way
Related posts:
{ 46 comments… read them below or add one }
this is huge, pun intended…thank you so much for sharing this code. how did you figure this out? nvrmnd, thank you so much.
My pleasure Vic, glad it was useful
THANK YOU!
I was pulling my hair out over this one. I really appreciate this.
Thank you thank you thank you from an html illiterate person!
you’re welcome, you’re welcome, you’re welcome from a computer geek
This is why I LOVE the internet – my problem solved in seconds instead of hours! My button is small again.
Thank you!
My pleasure James glad you are sorted. It’s a crappy bug isn’t it
Andrew, you are DA MAN!
I’ve never seen your site before, and I don’t know anything about you, but I am SO glad I thought to search for this problem before logging into the Thesis forum.
You see, I realized today that our site was already ranked #7 on Google for one of our targeted keyword phrases, AND THE SITE HAD ALMOST NO CONTENT ON IT!!! I’ve been scrambling for the last 12 hours trying to get all of the content up, and alas, I came to the last step only to find this problem. I was dreading having to go through that forum, figure out where to post, and then sit here and wait and wait and wait for someone to respond, IF they respond. You are a life-saver my man!
Please let me know if there is anything we can do for you. Remind me of this post, and I will be only TOO HAPPY to wholesale anything we do to you!
MAN! I can’t even begin to think about how many hours you just saved me!
I REALLY need to get this site online TODAY, and
Shucks thanks, glad I could help. Good luck with the site
Hi Andrew,
Well, no sooner did I leave that raving review above that I ran into problems. I actually did get the code you referenced above to work on one site (which has Thesis 1.6). However, when I tried it on our site (which has Thesis 1.7), that code doesn’t work. Any ideas?
Here’s the page:
http://twittermanagementservices.com/services/wholesale
Try
.custom .format_text input, #commentform input, #commentform textarea, input[type=image] {
width:auto;
}
Andrew,
Nope. Still the same. Any other ideas?
In the interest of providing quality content to this page (not the least of which would be getting to the bottom of this in case this ever happens to anyone again in the future, I’d be happy to allow you access to the site to figure out the issue so you can provide an answer for anyone reading this. Let me know if you’d want to do that, or if you even need to do that to find an answer.
Thanks!
By the way, I thought I’d also mention that I just upgraded the site in question to Wordpress 3.0, and now I can’t access the custom file editor. I’m having to access custom.css using cPanel access. In case anyone sees this, you might think twice about upgrading to Wordpress 3.0 until after the DIYThemes guys address this issue.
Hope this helps!
open /wp-content/themes/thesis/lib/admin/admin.php
around line 42 find
if (use_codepress()) add_action(‘admin_print_footer_scripts’, ‘codepress_footer_js’);
comment it out by adding to slashes to the start of the line
//if (use_codepress()) add_action(‘admin_print_footer_scripts’, ‘codepress_footer_js’);
You will loose syntax highlighting but at least the Thesis custom file editor will work again
OK. I’ll do that right away. Meanwhile, any ideas on what else I can do to get rid of the swollen PayPal button?
Andrew,
The advice you just gave regarding getting access to the custom file editor again worked. Since I’m not as technically oriented as you are, could you tell us in lamen’s terms what “syntax highlighting” means? I’d like to know what I just lost, and if it will matter to me on this particular website.
Thanks!
Syntax highlighting s the nicely coloured text in the custom file editor in Thesis – it allows you to easily spot variables, functions and other components of a programming or markup language. It is an entirely aesthetic function and you miss nothing by disabling it.
Thanks for the clarification, Andrew! I agree… that’s something I would never have missed, especially since I didn’t know it existed in the first place!
Andrew,
I just responded to your email, and I’ve set up an admin user account for you in Wordpress as well. You should have received that info from Wordpress.
Let me know if there is anything else I need to do for you.
Thanks!
Like Andrew posted earlier, add this to your custom.css file:
.custom .format_text input, #commentform input, #commentform textarea {
width:auto;
}
It works. I run 1.7 on my own site and tested it on your site through Firebug. It works.
Thanks Lisa – can you just put that on a certificate for me and send it over – it’s not often people admit I’m right – and they never do it without adding the word bastard to the end of it
Andrew & Lisa,
I’m not sure how to take your last comments. I hope I haven’t given either of you the wrong impression that I think either one of you are wrong. I don’t. Not at all. I know what you’re saying to do is supposed to work. I’ve done it exactly as you both said on another site I have running Thesis 1.6, and it did, in fact, work. So in no way am I suggesting that either one of you are wrong. OK?
All I am telling you is that for some reason, on this site on which I am running 1.7, it’s not working. Since I have seen other sites running 1.7 on which the button is working, I tend to discount that the version is the reason it’s not working.
I appreciate the help you both have been trying to give in order to get to the bottom of this.
Andrew, were you not able to figure it out even after logging into the website?
Hi,
I’m actually having the same problem on a site I’m working on; I’m also running Thesis 1.7 and just upgraded to WP 3.0. I’ve tried the same code, but it doesn’t seem to be working.
The URL is: http://davidlanning.com/between-the-needles-nightfall-marco-benevento/
Any advice? Thanks for your time.
-Dave
The code works as is on Thesis 1.7 and Wordpress 3 – see the donate button on this page – there maybe conflicting style definitions, send a URL and I would be happy to have a quick look.
If you have copied and pasted the code into the custom file editor, double check it is still there after you click save, there are numerous issues with copy and paste and the editor in thesis
Here’s the URL: http://davidlanning.com/between-the-needles-nightfall-marco-benevento/
I’m sure it’s some minor conflicting detail, as the code seems to work for everyone, it’s just driving me crazy trying to figure out where the problem is.
If there’s anything else you need, let me know. And thanks, I really appreciate your help.
Dear Andrew,
I’ve been running Thesis for a few weeks now and love it.
But those HUGE PayPal buttons were beginning to tick me off. Thank you SO MUCH for this simple, life changing piece of code. My PayPal links now look normal.
You win the AWESOME CODER OF THE YEAR AWARD!
Thanks so much!
—Gary B.
Wow, I am digging all the love right now. Do you need a postal address to send the certificate or can I just download it from somewhere?
So glad I could help Gary
Hi Andrew,
Thanks for the tip however my question is a little more fundamental; where do I put the PayPal code in WP 3 with the latest version of thesis?
Thanks in Advance
Bill
You paste the code into the post wherever you want the button to appear. You will need to switch to HTML mode (by clicking the HTML tab at the top of the editor)
Dude!
That totally fixed problems I was having with fields, and almost made my HTML buttons look normal. Still need a few more tweaks to make the button look totally normal, but this goes a long way.
Thanks man!
Win.
Cheers
Thanks so much… such a tiny piece of code does wonders!
You’d be surprised how often that is the case. Glad it got you sorted Katey, have a wonderful rest of your day
Thanks for posting this Andrew – you saved me both the time and grief of trying to get it fixed on my own
Pleasure John, glad it helped
You, my dear, are a genius!! I spent the last hour reading through 5 pages of 1 post regarding the Paypal button size on the DIYThemes forum. You were able to solve my issue in, what, 5 sentences when Godhammer couldn’t do it in 5 pages!! Nice crisp, concise writing. Keep it up!
My please Janet, thank you for the kind words, glad I could help
Andrew,
You rule! This fix worked perfectly – thank you sooooo much!
Thanks Jody, glad it helped.
Hi Andrew
I also have the “supersize PayPal” problem, combined with the fact, that the solution you offer does not work in my WP3 / Thesis 1.8 installation. If I check with Firefox, layout.css in line 243 defines
.format_text input, #commentform input, #commentform textarea {
border-width:0.071em;
padding:0.214em;
width:45%;
I can override the width setting manually in Firefox, and the button gets back to normal. Anyhow, the .custom entry does not have any effect, Firefox still displays “width:45%” and a huge PayPal button. Looks like the problem ‘Twitter Management Services’ faces, too…
Could you come up with any ideas yet? Thanks…
Oops, the tool I used to check and edit the code is of course ‘Firebug’, not ‘Firefox’…
The problem Twitter management Services had was incorrectly formatted CSS which rendered the code broken and ineffective. Happy to look at yours as well it sounds like the same issue. Send me an email if you want me to take a look.
Thank you for the hint! I checked my custom.css file and found a comment that was not correctly written. I fixed that, and “Da Da!” your code fixing the PayPal button worked.
Because the PayPal button was suddenly located inside a box (?…) I tried to add another line:
border-width: 0 0 0 0;
and it worked.
Thank you for your support!!!
Who would have thought that Thesis was responsible for this? I have custom PayPal buttons and they appeared too SMALL not too big – and had a border.
So I used:
.custom .format_text input, #commentform input, #commentform textarea {
width:auto;
border-style:hidden;
}
Or you could use border-style:none or as Wolfgang said, border-width: 0 0 0 0;
Thansk again for a very frustrating issue spending over one hour until finding this solution (WP3.01, Thesis 1.7 with ThesisFolio)
Thanks so much!
My pleasure Robert, glad I could help.