Support » Plugin: Google Website Translator » Some guidance

  • Resolved joelsantos86

    (@joelsantos86)


    Hello.

    Im trying to put just the flags of the languages i choose on the top of the page but i cant manage to do that. Im new to this kinda of work so any help would be appreciated.

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

    (@prisna)

    Greetings,

    you should use the shortcode, please see the first setting:

    General > Usage 
    

    Notice the [prisna-google-website-translator] shortcode part.

    You’ll probably need to edit your theme header file. If you’re unsure on how to do this, then you should contact your theme provider and tell them you’d like to place the above shortcode at the top of the page. It should be something relatively simple for them to answer.

    Regards

    • This reply was modified 1 year, 5 months ago by  Prisna.

    Hi.

    I pup the flags it the center at the bottom with this:

    (After you have chosen the flags)

    Go to: Plugins -> Google Website Translator -> Advanced

    In the tab Custom CSS insert this:

    #google_translate_element {
    	display: none;
    }
    #mega-menu-item-3851 .mega-menu-link {
    	visibility: hidden;
    }
    body .prisna-gwt-flags-container {
              position:fixed; !important;
              top:97%; !important;
              right:35%; !important;
              background: #000;
              padding: 2px 2px 1px 2px !important;
              z-index: 99999999;
    }
    
    .goog-te-banner-frame.skiptranslate {
                       display: none !important;
    }
     body { 
                     top: 0px !important; 
    }

    In Templates -> Flags container template:

    <ul class="prisna-gwt-flags-container prisna-gwt-align-{{ align_mode }} notranslate">
    	{{ content }}
    </ul>

    In Templates -> Flag template:

    <li class="prisna-gwt-flag-container prisna-gwt-language-{{ language_code }}">
    	<a href="javascript:;" onclick="PrisnaGWT.translate('{{ language_code }}'); return false;" title="{{ language_name }}"></a>
    </li>

    Now, to adjust the position and the flags background, you just need to change this:

    body .prisna-gwt-flags-container {
              position:fixed; !important;
              top:97%; !important;
              right:35%; !important;
              background: #000;
              padding: 2px 2px 1px 2px !important;
              z-index: 99999999;
    }

    to what you want…

    • This reply was modified 1 year, 5 months ago by  Rui Freitas.
    Plugin Author Prisna

    (@prisna)

    Please provide a link where this can be seen. It’s not possible to advise you without seeing the actual site.

    Regards

    Thank you but I don’t need advise.
    Is working perfectly.

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Some guidance’ is closed to new replies.