How to change the dimensions of the Facebook like button?

I'd like to cha开发者_C百科nge the dimensions of the Facebook like button.

I tried to change the padding of <a class="connect_widget_like_button clearfix like_button_no_like"> using jQuery, but with no success.

Any ideas how it can be done?

This content is served up in an Iframe. The same origin policy prevents you from accessing what's in there.

Change the padding on the a.connect_widget_like_button class. That will change the button dimensions.

Try targeting the iframe with CSS and scale it by using CSS3. Something like this:

#fbiframe
{
transform: scale(1.5);
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

Here's an example http://www.tinydesign.co.uk/like/