Question

Im working on implementing this Social Medial Plugin called Sharre:
http://sharrre.com

For example 5:
http://sharrre.com/example5.html

I cant determine how to style these buttons or tracking boxes so that they will fit on my page. I would like to reduce the width and height for both.

http://jsfiddle.net/NinjaSk8ter/uhhwt/

For example, I have tried to modify the width of the .button which doesnt seem to work:

#example5{
float:left;
margin:28px 0 0 10px;
}

.sharrre .button{
float:left;
width:60px;
}

I have also seen in the docs that:

twitter: {  //http://twitter.com/about/resources/tweetbutton
url: '',  //if you need to personalize url button

Does this imply that I would need to modify the size of the Image?

Answer 1

The plugin utilizes <iframe> elements and background-image to display the icons. You won’t be able to modify them without cutting off part of the images. If you need to change the size of the icon, I would recommend resizing it via your favorite graphics program, uploading it to your server, and calling it via the custom parameter url that you mentioned.