Among the top social media sites it is no surprise that Facebook is ranked the most popular, beating out the competition by a landslide. Mobile web and PC users combined allowed Facebook to top the charts, bringing in a total of 304.9 million users this past year. Other popular social media sites noted in the study were LinkedIn, Pinterest, Twitter, and WordPress.

With growing popularity social media sites such as these have also recently explored the idea of working with advertisers to sell ad space on their sites. Facebook was the first to explore this idea and has since been scrutinized over their decision to do so. However, though users initially complained of such a change Nielsen revealed that this change hasn’t actually deterred anyone from visiting their favorite social media website regularly. Thus, perhaps Nielsen’s study not only revealed the growing trend in social media, but also the potential lucrative perk that on-site advertisements could provide such networks.

I faced this issue working on my client’s website organiceyourlife.com.

This is how Pin It button was not fitting into the crowed of other two social networking buttons:

The goal was to make it look this way:

The problems is that the button itself is loaded in iframe (on top of that this iframe is generated by JS) and all the files, including JS and leaded to iframe HTML file are hosted on Pinterest server. I did try many tricks like loading external CSS file to the iframe and forcing CSS styles on iframe elements by JavaScript. Nothing worked.
Solution.

Digging more into the structure of the button I found that I can host on my own server not only JS file which generates the iframe but also leaded into the iframe HTML file, and the functionality of the button will stay.