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

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

Votes: 0
Email me when people reply –
 

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

Suzie Nielsen replied to J.Ayvar's discussion
When Activity Feed. 3.0?
"How do I get these? THanks in advance!
 "
15 hours ago
Angela Soto updated their profile
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip: Build a Directory and Import It Into Your Community
"Opposite Trick/ Tip"
yesterday
⚡JFarrow⌁ posted a discussion
If you ever wondered what your community looks like in the mirror, here you go: :oƃ noʎ ǝɹǝɥ…
yesterday
Steve C replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"Exactly!"
yesterday
⚡JFarrow⌁ replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"if your N2 is migrated to a N3, one would think a backup could be made for you...no?"
yesterday
⚡JFarrow⌁ posted a discussion
Over the years, many Ning Creators have asked me the best way to build a directory for their…
yesterday
Roland Rupp updated their profile
Thursday
Gavin Brown and ⚡JFarrow⌁ are now friends
NC for Hire
Thursday
Rosas † Negras left a comment on Creatori NING Italiani
"La grafica è elementare e le attività nulle,sarebbe da lavorarci un Po,sono da oltre 15 su ning…"
Wednesday
Rosas † Negras replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"if you check this has been said there is a discussion, all for free and they think of everything"
Tuesday
Rosas † Negras replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"Yes,absolutely must be free as has been said, I have been on ning for 15 years and we have always…"
Tuesday
More…

Meanwhile, you can check our social media channels