http://www.kriesi.at/support/topic/google-translate-widget-position Support Forum - Topic: Google Translate widget position en-US Fri, 24 May 2013 05:35:42 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/google-translate-widget-position#post-91210 Fri, 11 Jan 2013 22:50:06 +0000 elodie14 91210@http://www.kriesi.at/support/ <p>Thank you for your time and advise. I really appreciate it.<br /> It's working the way I wanted it:-)</p> <p>I add to change:<br /> #header .container{<br /> /*height:90px;*/ to 150 to have the widget finally working.</p> <p>Elodie </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-91152 Fri, 11 Jan 2013 16:05:27 +0000 Devin 91152@http://www.kriesi.at/support/ <p>Typically this isn't what we are able to support as its not part of theme issues and should really be under the realm of a freelance developer.</p> <p>However, the fix is fairly simple. The element should be inside the main container so that you can just absolute position it and align it to the right.</p> <p>In the header.php move the google div just below the div class="container main_menu". Then change your css for it to:<br /> <pre><code>#google_translate_element { right: 0; position: absolute; top: 60px; }</code></pre> <p>For any adjustments you need to make see: <a href="http://www.w3schools.com/cssref/pr_class_position.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_class_position.asp</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-91062 Thu, 10 Jan 2013 22:37:32 +0000 elodie14 91062@http://www.kriesi.at/support/ <p>Hello Devin, </p> <p>Thank you but I I place the code under &lt;div class='fancyborder'&gt;&lt;/div&gt; like you suggested, the widget disapeared and my header container is lower.<br /> I have try every possible placement and the widget is still not at the right place.</p> <p>Do you have a last suggestion?</p> <p>I aloso try to remove the line &lt;div class='fancyborder'&gt;&lt;/div&gt; but the fancy border is still there.</p> <p>Thank you again.</p> <p>Elodie. </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-91010 Thu, 10 Jan 2013 16:38:53 +0000 Devin 91010@http://www.kriesi.at/support/ <p>The div will be wherever you place it in the header.php file. So if you want it down under the border, you need to put it under the div called fancyborder.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-90961 Thu, 10 Jan 2013 13:28:49 +0000 elodie14 90961@http://www.kriesi.at/support/ <p>Thank you Ismael, it's getting better.<br /> My last concern is that the widget is above the header and I will like it on the right side of my logo.<br /> I've played with "top: 40px;" but this way the widget is showing under the white line but not working.</p> <p>How come I have a top container? Can I remove?</p> <p>Thank you again for you great support.</p> <p>Best,<br /> Elodie. </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-90944 Thu, 10 Jan 2013 11:35:19 +0000 Ismael 90944@http://www.kriesi.at/support/ <p>Hi Elodie,</p> <p>Try to add this code at the bottom of your custom.css:<br /> <pre><code>#google_translate_element img { display: inline-block !important; } .goog-te-gadget-simple { width: 156px !important; }</code></pre> <p>Hope this helps. </p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-90900 Thu, 10 Jan 2013 08:50:24 +0000 elodie14 90900@http://www.kriesi.at/support/ <p>Thank you for your response but where can I remove those lines?<br /> I have copy and past this in the header:<br /> &lt;meta name="google-translate-customization" content="78875d7517c0bde8-f959d67f17abb757-g22fabe3ede8259ed-16"&gt;&lt;/meta&gt;</p> <p>&lt;div id="google_translate_element"&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;<br /> function googleTranslateElementInit() {<br /> new google.translate.TranslateElement({pageLanguage: 'fr', includedLanguages: 'de,en,es,it', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');<br /> }<br /> &lt;/script&gt;&lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt; </p> <p>It's not a plugin.<br /> And how can I remove the border at the top?</p> <p>Thank you again for your response. I really need your help.</p> <p>Best, </p> <p>Elodie </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-90839 Wed, 09 Jan 2013 19:06:32 +0000 Devin 90839@http://www.kriesi.at/support/ <p>Hi Elodie,</p> <p>You need to remove the block from the img inside the widget:<br /> <pre><code>.goog-te-gadget img { display: inline; }</code></pre> <p>Additionally, its overlapping with the border you have at the top of the header.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/google-translate-widget-position#post-90702 Tue, 08 Jan 2013 22:52:54 +0000 elodie14 90702@http://www.kriesi.at/support/ <p>Hello, </p> <p>I am trying to get the Google Translate widget in the header but the position is very wierd as you can see: <a href="http://chambresdhotes-lesmolieres.com" rel="nofollow">http://chambresdhotes-lesmolieres.com</a></p> <p>I used to do it and I am trying to get it this way: <a href="http://www.la-maison-d-ines.com" rel="nofollow">http://www.la-maison-d-ines.com</a></p> <p>I put the folowing code in custom.css:<br /> #google_translate_element{<br /> left: 900px;<br /> position: relative !important;<br /> top: 20px;<br /> }</p> <p>What's do you think is the probleme?</p> <p>Thank you.</p> <p>Elodie </p>