Title: Google Language Translator Button Css Styles
Last modified: August 31, 2016

---

# Google Language Translator Button Css Styles

 *  [Johnny](https://wordpress.org/support/users/acceptworldcoins/)
 * (@acceptworldcoins)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/google-language-translator-button-css-styles/)
 * Hi Rob,
 * I’m no expert in css, would it be possible to give a guide on modifying button
   styles? Would be great to have some different button variations. Also if you 
   could provide some ready to use ones too that would be awesome.
 * [https://wordpress.org/plugins/google-language-translator/](https://wordpress.org/plugins/google-language-translator/)

Viewing 1 replies (of 1 total)

 *  [kartlaggning](https://wordpress.org/support/users/kartlaggning/)
 * (@kartlaggning)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/google-language-translator-button-css-styles/#post-7315145)
 * Hello,
 * To edit the CSS of the translate button, you can use the css editor in the plugin
   settings.
 * Basic exemple :
 *     ```
       #glt-translate-trigger {
            background: linear-gradient(#507fd6, #1e5799);
       }
       ```
   
 * This will change the color of the button (blue).
    Feel free to use any gradient
   that would match with the style of your website.
 * You can remove the border radius or change it by using the “border-radius: X;”
   method.
 *     ```
       #glt-translate-trigger {
            background: linear-gradient(#507fd6, #1e5799);
            border-radius: 0%;
       }
       ```
   
 * You can change the width and the height of the button by using “width” and “height”
   method
 *     ```
       #glt-translate-trigger {
            background: linear-gradient(#507fd6, #1e5799);
            border-radius: 0%;
            width: 100px;
            height: 40px;
       }
       ```
   
 * You can also apply any css method that you can learn here :
 * [http://www.w3schools.com/css/](http://www.w3schools.com/css/)
 * Have a nice day
    Sebastien

Viewing 1 replies (of 1 total)

The topic ‘Google Language Translator Button Css Styles’ is closed to new replies.

 * ![](https://ps.w.org/google-language-translator/assets/icon-256x256.png?rev=3007649)
 * [Translate WordPress - Google Language Translator](https://wordpress.org/plugins/google-language-translator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/google-language-translator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/google-language-translator/)
 * [Active Topics](https://wordpress.org/support/plugin/google-language-translator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/google-language-translator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/google-language-translator/reviews/)

 * 1 reply
 * 0 participants
 * Last reply from: [kartlaggning](https://wordpress.org/support/users/kartlaggning/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/google-language-translator-button-css-styles/#post-7315145)
 * Status: not resolved