Google Language Translator Button Css Styles

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 :

https://www.w3schools.com/css/

Have a nice day
Sebastien