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

Ashley W posted a discussion
I am searching to take over a network of a 2.0 format. Anyone have one?Thankyou in advance.
2 hours ago
Sheshdhar Tiwari posted a discussion
Please notice the activities notifications.Name of memberHis/her actionDiscussion or any other item…
3 hours ago
Ana Massien replied to Ana Massien's discussion
Some recent suggestions for ning 3.0
"Yeah, well just some thoughts I have had."
Friday
Garfield Archivist replied to ⚡JFarrow⌁'s discussion
2 Secret Things I learned today about Ning Communities
"Nice!"
Friday
DYLAN GOODWIN updated their profile
Thursday
DYLAN GOODWIN replied to Scott Bishop's discussion
Photo Slideshow Not Rendering Correctly
"Speaking of slideshows -- isn't it time for more options on the sizing to eliminate the un-attracti…"
Thursday
This Is bully replied to Ana Massien's discussion
Some recent suggestions for ning 3.0
"Ha good luck it’s been over 8 months no new updates only promises "
Thursday
Claire Thomas and Ralph Stokes joined Ning Creators Social Network
Thursday
Ana Massien commented on Steve C's blog post To Ning's CEO
"Isn't that kind of rude to ask for the ceo stuff right out right? Most people surf with protected p…"
Thursday
Ana Massien replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"I do not like the landing page thing. Doesn't flow with the rest of my theme, of course if you have…"
Thursday
Ana Massien updated their profile
Thursday
Ana Massien updated their profile photo
Thursday
More…

Meanwhile, you can check our social media channels