How to remove powered by Google translate text

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.

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>

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>