How-to: Get Rid of the Obnoxiously Large Google Buttons in Safari



Screen shot 2009-09-10 at 11.28.02 PM


Google has violated my trust and changed my homepage without authorization. There’s a reason why I use Safari instead of Firefox, and that reason involves proper UI elements on webpages. I will not tolerate Google deciding to use asinine -webkit-appearance CSS styles to make them appear the wrong way. Also, the obnoxiously large search text was novel for about 5 minutes until it just got…annoying.

To fix this problem, add the following to your custom style sheet in Safari:


.lsb {
-webkit-appearance: push-button !important;
.lst {
font-size: 12px !important;

.lsb {  -webkit-appearance: push-button !important; }

.lst { font-size: 12px !important; }

You can do this by creating a file, custom.css somewhere on your Mac and then adding these lines to the file in your favorite text editor. Once that’s done, open up Safari > Preferences… > Advanced  and select that file as your “Style sheet.”

Google should be back to it’s normal self again. Now just to fix that horizontal bar that seems to have solidified…

EDIT: To re-fluidize the horizontal bar in the search results, just put this little guy in there too:

#cnt {max-width:none !important;}

The -webkit culprit!

The -webkit culprit!

Posted in PC, Website |
Related Posts: