Translate social button

[Bart De Cock]

I want to translate the social button in the right upper corner (Phone) to Telefoon.
When I do that with loco translate the icon of the phone is gone and when I hover over the space where the icon should be it is a weird color that displays the hover text.
At the moment I cannot show this as I develop local.

[Zex]

Hello, Bart De Cock!

Please follow the next steps to solve your problem:

1. Translate the button from “Phone” to “Telefoon” using Loco translate plugin.
2. Go to the Customizing->General->Extra menu and insert the following code into “Custom jQuery Footer” text area:

jQuery("#top-social ul li a" ).toggleClass('tv-telefoon tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-telefoon fa-phone');

https://prnt.sc/ntzs44

Regards

• This reply was modified 4 years, 1 month ago by Zex.

[Bart De Cock]

Thanks!
That did the trick.
Do you have the code for the footer Icon as well?

[Zex]

Hello, Bart De Cock!

For the footer Icon, insert additionally the next code at the same place:

jQuery("#colophon a.telefoon" ).toggleClass('telefoon phone');

so your code at the end should be like this:

jQuery("#top-social ul li a" ).toggleClass('tv-telefoon tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-telefoon fa-phone');
jQuery("#colophon  a.telefoon" ).toggleClass('telefoon phone');

Regards

[Bart De Cock]

Thanks a lot!

[Author]

Posts