Hi Ryan,
Try this by adding it to the CSS overrides box on the settings page located in “Settings > Google Language Translator:
.goog-te-gadget img {
background:rgba(255,255,255,0.8);
vertical-align:text-top:
padding:1px 3px 0;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
margin-right:2px;
}
There is not a ton of options here, but I this this does look better than what is there now.
Let me know if you need any help with this.
Rob Myrick
Ryan, I totally had an error in the code you copied – but somehow it still looked okay when you added to your site. Just change it again to this instead:
.goog-te-gadget img {
background:rgba(255,255,255,0.8);
vertical-align:text-top;
padding:1px 3px 0;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
margin-right:2px;
}
Sorry for the inconvenience! I’m going to close this topic and I can re-open if you still would like additional help.
Thanks so much for using the plugin.
Rob Myrick
Hey Rob, I think you just posted the same code as before. Anyway, I went ahead and made a few tweaks myself:
.goog-te-gadget img {
background: rgba(255,255,255,1);
vertical-align: text-top;
padding: 1px 4px 1px;
border-radius: 0px;
-webkit-border-radius: 6px;
-moz-border-radius: 0px;
margin-right:2px;
}
border-radius and -moz-border-radius didn’t seem to do anything to me, so I just left them at 0px. Lowered the -webkit-border-radius, made a few changes to the padding and changed the 0.8 to 1 in the background: rgba you had. I think it looks a lot better now.
Thanks again. I really like this plugin.
