Viewing 1 replies (of 1 total)
  • Hi JM,

    Thanks for your question. You would need to modify this CSS code to your desired colors, found in toolbar.css. This button uses a gradient effect:

    #glt-translate-trigger {
        position: fixed;
        bottom: 0px;
        top: auto;
        right: 20px;
        z-index: 999999;
        padding: 6px 20px 3px;
        font-size: 16px;
        font-family: Arial;
        font-weight: 700;
        color: #fff;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
        text-decoration: none;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        box-shadow: 0px 0px 9px rgba(0,0,0,0.3)
     -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
        box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        background: linear-gradient(center top, #fbb450, #f89406);
        background: -webkit-gradient(linear, center top, center bottom, from(#fbb450), to(#f89406));
        background: -webkit-linear-gradient(#fbb450, #f89406);
        background: -moz-linear-gradient(#fbb450, #f89406);
        background: -o-linear-gradient(#fbb450, #f89406);
        background: -ms-linear-gradient(#fbb450, #f89406);
        background: linear-gradient(#fbb450, #f89406);
        background: -o-linear-gradientcenter (center top, #fbb450, #f89406);
    }

    Let me know if you need help here. You can find CSS gradient generators online, just search Google and like magic you will have this up and running ??

Viewing 1 replies (of 1 total)
  • The topic ‘how to change the color of the button’ is closed to new replies.