Title: modifying css Last modified: August 21, 2016 --- # modifying css * Resolved [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/) * Hi there, * I’m trying to modify the look of the gadget with CSS in a child theme: * .goog-te-gadget { padding-top: 5px; } * It seems like the plugin loads the css for the plugin after loading css from childtheme. * Is there any way around this? * Thanks * Sion * [http://wordpress.org/plugins/google-language-translator/](http://wordpress.org/plugins/google-language-translator/) Viewing 15 replies - 1 through 15 (of 15 total) * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157306) * Hi Sion, sorry for the late reply – would you mind sharing your website here, so that I can take a look for you? I will do my best to help you. * Rob Myrick * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157308) * Hi Rob, * Thanks for your message. The website is at [http://www.worldatplay.org.uk/wordpress](http://www.worldatplay.org.uk/wordpress) * I’m trying to get the plugin to sit neatly next to the ‘Back to top’ link and inline with the rest of the footer items. * Any ideas? * Thanks 🙂 * Sion * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157320) * Hi Sion, I apologize for the delay in my response. Would you be able to add the translator to the page, and then I can try and manipulate the styles so that I can provide a solution for you. * Let me know and I will take a look. * Thanks! * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157321) * Hey there! * The translator is at the bottom of the page at [http://www.worldatplay.org.uk/wordpress](http://www.worldatplay.org.uk/wordpress) * Can you not see it? * Cheers * Sion * [apostlepoe](https://wordpress.org/support/users/apostlepoe/) * (@apostlepoe) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157322) * For what it’s worth, I can’t see the translator either. * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157323) * Hi Sion, this is a CSS issue. The id `#catapult-cookie-bar` the footer of your site has `position:fixed` added to it, which means the black bar in the footer sits on top of everything else. I can fix this if you want. * To make it fast, I would need access to the site please. * You can contact me here at [http://www.studio88design.com/get-in-touch/](http://www.studio88design.com/get-in-touch/) * I will try and solve your original positioning issue all at once. * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157325) * Aw shucks, sorry guys. Forgot the cookie declaration plugin was showing up for you. * I’ve changed it appear on the top now, so you should hopefully be able to see the translate plugin now in the bottom right. Thanks for your offer to help though. * I’m looking to have the ‘Google Translate’ text, the drop down box and the ‘back to top’ link alongside each other in the same vertical alignment as the social media links on the left. * Do you know how I could do this? * Thanks for your perseverance! * Sion * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157326) * Sion, there are a few changes here that would need to be edited in the plugin. It’s going to take more time to explain all of this than for me to do it. Are you sure that you can’t create a simple user access for me to help you on this? It would be very much appreciated, but I will still type all of it out if you are reluctant. Let me know. * Thanks! * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157327) * Hi Sion, let’s start with this: * Add this to your theme style sheet: * ``` #google_language_translator { width:310px !important; clear:none; margin-top:-15px; } ``` * Then go to “Appearance > Plugins” and click on “Edit” next to the Google Language Translator plugin. * Go to line 1720 in googlelanguagetranslator.php and find this: * `.goog-te-gadget .goog-te-combo { margin-top:-7px !important; }` * And then change it to this: * `.goog-te-gadget .goog-te-combo { margin-top:-3px !important; }` * This should solve your issue. The styles for `.goog-te-gadget .goog-te-combo` will not stay in place the next time you update the plugin, so please keep these handy so that you can add the styles back when the plugin is updated again in the future. * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157329) * Hi rm2773, * Thanks for taking the time to explain – I have learned so much over the past month from supportive community members so really appreciate your patience! * I have made the modifications as instructed in my child theme’s style.css and in the google-language-translator.php file, but it appears that the button and the ‘back to top’ part of the theme are still on different lines. * Do you know whether it’s possible to get them on the same lines? * Thanks * Sion * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157330) * Sorry about that, Sion….I just realized that all of these styles will need to be added to the plugin in order for it to work. So please remove those styles from the theme’s CSS file, but keep those styles I mentioned to place in the plugin. * We are going to add some additional styles to line 1726 in googlelanguagetranslator. php. Please find this on line 1726: * ` #google_language_translator { clear:both; width:auto !important; text-align: right; } * Then change it to this below: * ` #google_language_translator { width:310px !important; clear:none !important; text-align:right; } * That should be better! Let me know if that works…. * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157331) * Hurray! That seems to work – thanks so much for your help 🙂 * So for future plugin updates I need to: * Go to line 1720 in googlelanguagetranslator.php and find this: .goog-te-gadget. goog-te-combo { margin-top:-7px !important; } * And then change it to this: .goog-te-gadget .goog-te-combo { margin-top:-3px! important; } * And then find this on line 1726: #google_language_translator { clear:both; width: auto !important; text-align:right; } * Then change it to this below: #google_language_translator { width:310px !important; clear:none !important; text-align:right; } * Thank you! * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157332) * That great! I’m so glad it worked! * And yes, just make those modifications after an update and it will work great. * I’m sorry to sound frustrated in my previous message – I thought it would be more work to type it out, but it actually wasn’t that bad. 🙂 * Thanks for using the plugin. Please don’t hesitate to vote on the plugin if you like using it! * Rob * [Rob Myrick](https://wordpress.org/support/users/rm2773/) * (@rm2773) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157333) * Hi Sion, one more suggestion, * You might change the width of the CSS code from 310px to slightly larger. I just noticed when translating language, that the select box clashes with the branding text located to it’s left. Increasing the width will keep them separated. * Maybe add this CSS instead of what I told you above: * ` #google_language_translator { width:330px !important; clear:none !important; margin-left:-30px !important; text-align:right; } * Good luck! * Thread Starter [sionlanini](https://wordpress.org/support/users/sionlanini/) * (@sionlanini) * [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157334) * Hi rm2773 * Thanks for the extra tip – it was displaying OK on mine but good to make sure it looks neater across more platforms. * Thanks again very much for your help, * Sion Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘modifying css’ is closed to new replies. * ![](https://ps.w.org/google-language-translator/assets/icon-256x256.png?rev=3007649) * [Translate WordPress - Google Language Translator](https://wordpress.org/plugins/google-language-translator/) * [Frequently Asked Questions](https://wordpress.org/plugins/google-language-translator/#faq) * [Support Threads](https://wordpress.org/support/plugin/google-language-translator/) * [Active Topics](https://wordpress.org/support/plugin/google-language-translator/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/google-language-translator/unresolved/) * [Reviews](https://wordpress.org/support/plugin/google-language-translator/reviews/) * 15 replies * 3 participants * Last reply from: [sionlanini](https://wordpress.org/support/users/sionlanini/) * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/modifying-css-4/#post-4157334) * Status: resolved