Resizing Facebook Like Buttons Using CSS

The standard Facebook Like button is pretty small so you might want to enlarge it but there is no means to do so using the Facebook API to generate the button code.

Instead this is achieved using CSS on the .fb-like class that Facebook adds to the standard “Like” button.

It uses the Transform property of CSS3 and is only available Chrome 36.0+, IE 10.0+, Firefox 16.0+ and Opera 23.0+.

.fb-like {
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
}

This will scale the size of the button by a factor of 1.5