Support » Plugin: Translate WordPress with GTranslate » How do I change the svg color and size in menu?

  • Resolved Bobozar


    Hello, thanks for this plugin. I’m finding it difficult to change the color of the svg background image and size. It’s not fitting in my header. Whenever I changed the width and height via css, it won’t work well at all.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author edo888



    Can you provide a link to your website? Can you specify which svg background image you want to change and how it is related to GTranslate?

    You can contact our Live Chat


    • This reply was modified 3 years, 7 months ago by edo888.

    Did you ever get a reply?
    I would like to make the floating widget less wide than the current “163px x 26px”.
    Also, I want to change background color but CSS does not seem to work well for either.

    Plugin Author edo888



    You can do the mentioned changes by editing Widget Code in GTranslate Settings page.

    You need to know some HTML/CSS to do the job.


    Yes, I have attempted this but with no luck.

    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: content-box;
    color: rgb(102, 102, 102);
    cursor: auto;
    display: block;
    font-family: Arial;
    font-size: 13.333333015441895px;
    height: 18px;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 3px;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 3px;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
    width: 131px !important;

    But then it appears like this:

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I change the svg color and size in menu?’ is closed to new replies.