Changing Like and Reblog button colors (revisited)



I wrote an article about this in the past and for the time and though it was a clever idea. However, it came to my attention that there is a better if not perfect solution (well to be fair it would’ve been perfect if the like button wasn’t an iFrame, but anyway…).

The Reblog Button

This is the easier of them two and is pretty straight forward.

Create a parent element (div), call it .reblog-button and put the button code inside it

    {ReblogButton size="14"}

Now add some CSS and choose your color

.reblog-button svg path { fill: #563d7c; }

The Like Button

This is pretty much the same as the one above, except we’re going to insert an SVG image (the heart icon) inside the parent.

Keep reading

from Tumblr


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s