After you have entered a PayPal payment button into a page or post it is the right size in your WordPress admin panel like this:
However in your website it appears as:
The reason for this is that Thesis has a CSS style setup for the input tag. I always fix this by adding my own style definition to the input tag. Follow these steps
- go to your website > page with button
- right click (Cntrl click on Mac) > View Image (will appear in normal size in new tab)
- right click image > View Image Info or Properties 9depends on your browser) and note image dimensions, in this case 122px × 47px
- Make the code for your style: style=”border: 0px none ; padding: 0px; width: 122px; height: 47px;”
- Enter the style code above into the input tag (switch to HTML mode and in the paypal code find <input <input alt=”PayPal – The safer, easier way to pay online.” …> and copy above code, so result should be:
<input <input alt=”PayPal – The safer, easier way to pay online.” … style=”border: 0px none ; padding: 0px; width: 122px; height: 47px;” > and size should be next to normal.
If you are looking for more help and solutions like this the become a member and my forum will be a your finger tips. Read about Membership here now.
Related posts:
- The link you have used to enter the PayPal system is invalid. Please review the link and try again. Cause and Solution When trying to setup the Wishlist membership...
- Display NextGen Galley in a Page It took me a while to find this so I...
Related posts brought to you by Yet Another Related Posts Plugin.
{ 6 comments… read them below or add one }
I have several websites on which I use the Thesis theme – some of which have version 1.6, and others that have 1.7.
I tried another fix I found on this which added a line to custom.css, and that worked. However, that particular fix didn’t work on this 1.7 site I have. (The fact that it happens to be Thesis 1.7 may be coincidence. I don’t know that the version has anything to do with why this isn’t working). In any case, changing the code as suggested above isn’t working on my site for some reason. The page is:
http://twittermanagementservices.com/services/wholesale
Any ideas?
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!
Check that you have actually set the proper size of the image because by default the oversized size will be set.
Thanks, I was going to upgrade but will wait now until I get confirmation from DIYthemes that this is fixed.
I did. I adjusted the size in several ways, and the image was, in fact, affected. However, getting it to look the way it’s supposed to seems impossible. Is there not another fix for this?
Here is the URL:
http://twittermanagementservices.com/services/wholesale
Thanks!
Hi there
I just upgraded one of my sites to Thesis 1.7 and guess what same problem the above solution no longer works, here’s one that works for 1.7:
1. Make sure your custom.css file is enabled (wp-admin > Thesis > Design Options > Site Layout > Custom Style Sheet
2. add this to your custom.css: .custom .format_text input, #commentform input, #commentform textarea {
width:auto;
}
You can use wp-admin > Thesis > Custom File editor to do this
It got the fix from the Thesis forum
Hope this helps
Wolf