Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

If you're like me you believe your top of screen real estate to be very important..  and adding google translate can occupy a little too much, especially for mobile users.   This is why the default google translate element is too long.  Here is how we hack the size and the words.  To be clear this is what we are changing:

In order to shorten this to something less long insert the following code into your custom code bottom of page section at the end.

<script>
x$(document).ready(function(){
x$('#google_translate_element').bind('DOMNodeInserted', function(event) {
$('.goog-te-menu-value span:first').html('Translate');
});
})
</script>

and you'll get this: 

 

I even figured out that you can use an emoji in place of translate like so: 

 

 

Placement of Translate element is also very important and after many trials this is where I have decided it is best placed for both desktop and mobile and this is the CSS I used.  Place this inside the Design Studio advanced CSS  (dark theme for translate element optional, obviously):

#google_translate_element {
position: absolute;
top: 5px;
z-index: 99999;
left: 10px;
}

@media (max-width: 667px) {
#google_translate_element {
top: 55px;
right: 160px;
}
}


/* start dark google translate theme */
div#google_translate_element div.goog-te-gadget-simple {
background-color: #333;
border-color: #222;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
color: #ccc;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
color: #eee;
}
/* end dark google translate theme */

 

 

Let me know if you are having challenges with your Translation of Ning communities.

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Featured Discussions

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

naijafeginizzymusicworld liked naijafeginizzymusicworld's profile
1 hour ago
naijafeginizzymusicworld updated their profile
1 hour ago
naijafeginizzymusicworld updated their profile photo
2 hours ago
dummyacct913, Nalan Ozcan, Mohamed Daka and 6 more joined Ning Creators Social Network
2 hours ago
Sheshdhar Tiwari posted a discussion
At the sign up we collect date of birth of users. Is it possible to send automated birthday greetin…
yesterday
Derek Jackson, Beatriz Eyeres, Elsa Dominguez and 21 more joined Ning Creators Social Network
yesterday
Anna_Ning_Support replied to Rich Page's discussion
Help migrating a custom ning 2.0 to 3.0
"Hello,
We offer the migration procedure on our platforms. It can be done by our Technical Team.
Ple…"
yesterday
Anna_Ning_Support replied to Annabel Gregory's discussion
Another issue with SSL certificate renewal - please, please sort it!
"Hello,
We do apologize for the delay. The SSL certificates from Let's Encrypt are automatically ren…"
yesterday
Captain Major RockettBobebuzz updated their profile photo
Monday
Annabel Gregory replied to Annabel Gregory's discussion
Another issue with SSL certificate renewal - please, please sort it!
"Correction - Ning didn't reply for 2 days."
Sunday
Annabel Gregory posted a discussion
Hi,Just received an email with the subject line:Let's Encrypt certificate expiration notice for dom…
Sunday
More…

Meanwhile, you can check our social media channels