I generated a Google+ badge for my page.
The thing is, it only has 2 themes (light and dark), and it doesn’t fit quite well on my website.
I’d like to remove the gray border and make the background transparent.
The code Google provides basicly includes a js file with their API, which then appends an IFrame to my page with the badge.
Because of that, I can’t change the CSS of the IFrame because the src’s domain isn’t the same domain as mine.
I cant seem to find any documented way to customize the badge style.
However, I came across with the Android website and noticed they have the same badge but managed to remove the background and border. After digging through the android’s page source code I found that they are using the same API as I do and the same markup to include the badge.
Does anyone know how they managed to customize it?
Look at the styling for
<a href="//plus.google.com/104629412415657030658" id="page-badge-border"></a>on android.com. It has a white boarder that covers the grey border of the badge.