WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Show Flags in Header of website

[Resolved] Show Flags in Header of website

  • Hello,

    I have successfully installed the plugin and chosen my desired flags in the settings menu.

    I would like for these flags to be displayed at the top left of my website’s header section, on all pages.

    Please may you advise where exactly I would need to paste <?php echo do_shortcode(‘[google-translator]’); ?> in my header.php code and also any CSS styles I would need to apply.

    Thanks,

    Dhiraj

    https://wordpress.org/plugins/google-language-translator/

Viewing 15 replies - 1 through 15 (of 25 total)
  • Plugin Author Rob Myrick

    @rm2773

    Hi deej130,

    It has been quite some time since your post here. I’m sorry for such a late response.

    I’m the plugin developer and can help you place the translation widget in the correct location, if you still need help.

    I will need to the site in order to do this – however. You can send me a link to your homepage if you want through this form:

    Contact

    Let me know – thanks!

    Rob Myrick

    Hi Rob, I’m response to your assitance offer to set the widget position. I have done what Deej did, insert <?php echo do_shortcode(‘[google-translator]’); ?> in my header.php code and also any CSS styles. But I don’t get the position I desire.

    Here is the code I insert in header.php
    <div id=”gtranslate”>
    <?php echo do_shortcode(‘[google-translator]’); ?>
    </div>

    And I have also make custom css like .gtranslate {padding-bottom:20px} or .gtranslate {margin-top:20px} but it doesn’t make changes.

    Look at this the image preview: http://i988.photobucket.com/albums/af4/Adhitya_Fernando/gtranslate_zps8e651673.jpg My website link is: http://www.adhityafernando.com

    Thank you in advance.
    Regards from Indonesia

    Adhitya Fernando

    Plugin Author Rob Myrick

    @rm2773

    Hi Adhitya! Thanks for your response.

    I now see your website and position of the widget.

    I will provide the CSS code needed to help you position the widget. Can you please answer the following:

    1) Do you want to show flags, or hide flags?

    2) Do you want to show the language box, or hide the language box?

    3) Where in the header would you like the widget placed?

    If you tell me those 3 things, I can give you exact code to re-position the widget.

    Thanks so much!

    Hi Rob,
    Glad to find you very much welcome.

    Here’s the answer:
    1. I want to show the flags (5 or 7 flags)
    2. I want to hide language box
    3. Under the logo.

    In the image preview above, you could see that I can display the flags under the logo position. But I don’t know why it’s position is too down.
    But it’s different when I choose to display the language box, the position is fit with the space as you could see in my website now.

    Plugin Author Rob Myrick

    @rm2773

    Hi Adhitya,

    Ok, let’s start by doing these things:

    1) Go to your WordPress Dashboard: “Settings > Google Language Translator”

    2) For “What translation languages will you display to website visitors?” setting, choose “All Languages”.

    3) For “Show Flag Images” setting, choose “Yes, show flag images”.

    4) For “Select Flag Size” setting, choose “22px”.

    5) In the CSS Overrides box, add this CSS:

    #flags ul { margin:0; } .flag { padding:1px 2px; }

    Let me know how that looks when you finish – I think you will like.

    Hi Rob,

    Yes I like it. Very awesome, the display is very nice.
    But I need some more costumization, please see this image preview:
    http://i988.photobucket.com/albums/af4/Adhitya_Fernando/GtransROb_zpsc373beba.jpg

    Thank you very much.
    I really appreciate your help

    Plugin Author Rob Myrick

    @rm2773

    Adhitya,

    I see that you do not have the most current version installed – did you switch back?

    I you can update – I will fix your remaining issue. There is one more CSS conflict with your theme.

    Thanks!

    Hi Rob,

    I don’t switch back, but I don’t know why that there’s no update notification from my dashboard for this plugin.

    Now I have already installed the current version (4.0.3), but it makes the flag position vertical, can not set to be horizontal, and also there’s a dot before each flag. Here is the preview: http://my.jetscreenshot.com/demo/20140802-tlog-17kb

    Sorry that I make you troublesome 🙂

    Plugin Author Rob Myrick

    @rm2773

    Hi Adhitya, I mentioned at top of this forum that this could happen. I’m going to look at your site now and provide fix for you.

    Plugin Author Rob Myrick

    @rm2773

    Would you mind activating the plugin so that I could provide solution for you? Thank you…and sorry for the inconvenience.

    The plugin is been activated, Rob..

    Plugin Author Rob Myrick

    @rm2773

    Only this is showing to me under your logo:

    [google-translator]

    On this website: http://www.adhityafernando.com/

    Are you sure it’s activated?

    Plugin Author Rob Myrick

    @rm2773

    It is showing as not active on the homepage, but on your blog page it shows as activated.

    Yes sure it’s activated, look at this recent screenshot
    http://my.jetscreenshot.com/demo/20140802-bjvr-12kb

    But it’s different in the dashboard: http://my.jetscreenshot.com/demo/20140802-hqnz-14kb

    Plugin Author Rob Myrick

    @rm2773

    I see it now……checking 🙂

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘[Resolved] Show Flags in Header of website’ is closed to new replies.