Google Translate Language Selector

Comments

• Air

  March 2013 Posts: 10,970

  Hello:-)
  
  I think you should start with searching for plugin that will enable such thing(I think I saw one some time ago) - selecting languages.
  Next we will try to put it somewhere so it won't break responsive layout.
  We will probably be editing header.php
  
  With regards.
• charlyzbox

  March 2013 Posts: 65

  Hi:-)
  
  Thanks again for your fast answer.
  
  On my side I tryed many plugins but it was not really working as I expected. What I did is that I modifyed header.php and directly add a google translate button.
  
  Functionally, it is working good but I still have two small details to fix :
  
  - My language menu is being displayed before the "search" and "play" button. I would like to put it at the right side instead... Don't know where to move my code to do so as it has been already put after the block of the music player (play/pause) button.
  
  - In order to get the same style for my button, I would like to know what font/color are being used for the search and play text in the Hypershot theme.
  
  If you can help on this, my language bar would be integrated perfectly to your great theme:-)
  
  Kind Regards,
• Air

  March 2013 Posts: 10,970

  I understand you are customizing without knowing tools as Firebug, or Chrome Console?:-)
  
  Link please to your site, and then I could help you.
  
  With regards.
• charlyzbox

  March 2013 Posts: 65

  Hi,
  
  Got firebug but not really familiar with it;-)
  Normally the language bar only shows up if your browser language is different than english.
  
  Here is the link:
  
  http://shot.hol.es
  
  Thanks for your support:-)
  
  
• Air

  March 2013 Posts: 10,970

  Try this CSS

  
  #google_translate_element{
      float: right;
  }
  #google_translate_element a.goog-te-menu-value {
      font-family: PT Sans Narrow,sans-serif;
      font-size: 12px;
      font-weight: bold;
      line-height: 30px;
      text-transform: uppercase;
  }

  And move your code before code of search so it will display on right side.
  
  With regards.
• charlyzbox

  March 2013 Posts: 65

  Hi,
  
  Yes, this is it :-)
  Thanks for your support!
  
  Kind Regards
• charlyzbox

  March 2013 Posts: 65

  Hi,
  
  Well, If you know how to apply the same output to the items of the dropdown list, that would preserve my hair ;-) Can't find any detailed documentation on google translate element properties...
  
  Kind Regards,
• Air

  March 2013 Posts: 10,970

  I have tried but styles of this list are not reachable. So it have to stay like this.
  
  With regards.
• charlyzbox

  March 2013 Posts: 65

  Ok, Thanks for trying!
  
  Kind Regards,
• jimbo

  June 2013 Posts: 17

  Nice idea !!!
  
  I tried to add your CSS as well, but nothing appear on the top right side ;-)
  
  What I missed to integrate same feature? Do I need to integrate code into header.php?
  
  Best,
  
  Jimbo
• Air

  June 2013 Posts: 10,970

  As I see in this topic, user charlyzbox added some custom code. I don't know what it was unfortunately.
  
  With regards.
• jimbo

  June 2013 Posts: 17

  Thanks for your answer. I find some article about that on Google. I will try to integrate myselft