Si vous êtes en train de parcourir ce site, c’est que vous utilisez très probablement le thème Divi. Et il y a fort à parier que vous utilisez le plugin Monarch aussi.
Il sert à afficher de beaux boutons de réseaux sociaux sur votre site pour partager votre contenu et vous suivre. Autant dire qu’il est quasiment incontournable.
Le seul bémol et qu’il affiche une expression anglaise sur la version mobile. Un “Share this” qui ne fait pas très pro. Et comme j’utilise ce plugin et que j’avais oublié de traduire cette expression sur Divi Community, j’ai décidé de vous montrer comment modifier cela.
On est d’accord c’est pas très sérieux hein?
Et bien pour modifier cette expression, il vous suffit de copier-coller le code CSS suivant dans Apparence->Personnaliser->CSS additionnel ou dans le fichier style.css de votre thème enfant :
On définit une taille de police de 0 pixel pour l’expression “Share this” qui n’est donc plus affichée, et on affiche notre nouvelle expression. Vous pouvez bien sur modifier “Partager” par ce que vous préférez.
Voici le résultat sur Divi Community :
À vous de jouer maintenant!
Bonjour
j’ai copié coller le code css dans le CSS additionnel. En mode prévisualisation, je vois bien “share this” remplacer par partager mais rien ne change sur mon site public. Est-ce que je copie le code au mauvais endroit ?
Merci de votre retour.
Cordialement
Bonjour, je pense qu’il faut que tu vides le cache de ton site et/ou de ton navigateur. Essaye aussi en navigation privée, mais si tu le vois en prévisualisation ça va être bon.
Super. Effectivement ça marche.
Merci encore
Bonjour, je souhaiterai faire la meme chose avec “Followers” j’ai essayé par la traduction rien ne change. Si vous aurez un petit code se serait top. 🙂
bonjour,
tu peux nous donner l’URL de ton site s’il te plait?
Bonsoir
Merci pour ce super Tuto qui est génial et qui m’a bien été bien utile !
J’aurai voulu ajouté ma petite touche car le code CSS n’était pas totalement compatible dans mon cas, car il manquait une class. J’ajoute ma petite touche voila ^^.
/*Traduction de l’expression “Share This” de Monarch par “Partager” */
.et_monarch .et_social_heading {
font-size: 0;/*!important*/
}
.et_social_heading::before {
content: “Partager”;
font-size: 15px;/*!important*/
}
Merci pour cette astuce très utile….