In the previous article I discussed how to add google translate button on your website and also how to customize the google translate button.

In this article, I will tell you how to remove powered by Google translate text from the google translate button using css.

Google Translate Button.

In the above example, you can see the text "Powered by Google Translate" . If you want to remove it, In this article, I will share two methods. By using one of those you can easily remove the text. 

<style>
  .goog-logo-link {
    display:none !important;
  } 
  .goog-te-gadget{
    color: transparent !important;
  }
</style>
Try it Yourself »

Remove powered by Google translate text using font-size property. #

In the second example, we will select the button container and set its font-size to 0.

<style>
   .goog-logo-link {
      display:none !important;
   }
   .goog-te-gadget {
      font-size: 0px!important;
    }
 </style>
Try it Yourself »