How To Fix Bloated Paypal Buttons in Thesis WordPress

Help! My Paypal Buttons Are Fat & Ugly

Ok, this is one of the most frequently asked “help” questions I get from clients. For some reason, the base code of the Thesis theme effects how your Paypal buttons display on your web pages.

I say “some” reason, because the developers of the Thesis theme I’m sure have some logical reason behind it. But for where you need to go, this isn’t important.

For this trick, you’ll simply be doing some cutting and pasting (like many other tasks that have to do with making your web presence go, right?)

From your WP Admin dashboard, you’re going to visit your Thesis sidebar menu and click “Custom File Editor.” Hopefully, the default file selection will be your custom.css file. You can tell by what’s displayed in the heading “Currently editing:…” It’s bold. Right up top, under the main navigation of your WP Admin dashboard. If it doesn’t say “Currently editing: custom/custom.css,” select it from the dropdown just below the heading.

One you’ve got the file pulled up in the editing box, scroll to the bottom and paste the following code in.

/* fix bloated Paypal buttons */
input[type=image] { width:auto; background: none repeat scroll 0% 0% transparent; border: none; }

Then, click the Big Ass Save Button.

Now, return to your webpage with your Paypal buttons and refresh your view of the page in your web browser, like a visitor would.

Paypal buttons now svelte and sexy? YAY!

Lovin’ easy.

Here’s the video for the visual learners. Full screen version.

Need this kinda video help?
Check out The Video Library.

Tagged as: Css File, custom css, fix Paypal buttons, Thesis, tutorial, Video Library, Video Tutorial, Web Design & Development