How do I change the svg color and size in menu?

  • Resolved Bobozar

    (@skizzy)


    9 years, 2 months ago

    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

    (@edo888)

    9 years, 2 months ago

    Hi,

    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 https://gtranslate.io/#contact

    Thanks!

    • This reply was modified 9 years, 2 months ago by edo888.
    donburikun

    (@donburikun)

    9 years, 1 month ago

    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

    (@edo888)

    9 years, 1 month ago

    Hi,

    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.

    Thanks!

    donburikun

    (@donburikun)

    9 years, 1 month ago

    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(http://www.domainname.com/wp-content/plugins/gtranslate/arrow_down.png);
    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.