Bonjour à tous,

J'ai un problème sur lequel je travaille maintenant depuis plusieurs semaines et que je n'arrive pas à totalement régler. J'essaie de vous la faire courte :

Je suis responsable d'un petit bouton "Votre avis" que l'on voit fleurir sur le côté de de nombreux sites. Je n'ai aucun moyen d'agir sur le CSS de ce bouton via l'outil back sur lequel je le gère... Cela me pose aucun problème hormis le fait que ce bouton est "pollué" par le CSS site sur lequel je l'ai mis en place (via un petit script en <head>). En gros il semble prendre les caractéristiques des classes .btn, button, .button et cela me fout complètement en l'air sa mise en forme et crée un max de bug.

J'ai mis en place un petit script dans <head> pour passer outre le CSS sur une ou plusieurs caractéristiques :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<script>
$( document ).ready(function() {
    $( "#QSIFeedbackButton" ).css( "white-space", "nowrap" ); /* par exemple, pour éviter un saut de ligne non paramétré */
});
</script>
Mais il y en a quand même beaucoup et ça fait lourd à paramétrer pour quelqu'un dont ce n'est pas du tout le métier. N'est-il pas possible de lui dire au contraire de ne tout simplement pas aller chercher dans le CSS pour la mise en forme de ce bouton ? Il s'agit des classes "#QSIFeedbackButton" "#QSIFeedbackButton-btn" "QSIFeedbackButton div".

Pour l'exemple mon petit bouton de feedback (vert) ressemble à cela quand il n'est pas pollué par un CSS : https://boutique.infotbm.com/ (police normale, position bien calée à droite...)
Mais malheureusement il ressemble à cela : https://www.infotbm.com/fr (police en gras, écart entre le bouton et la droite de la fenêtre...)

Merci pour votre aide et idées. Pour rappel j'ai le moyen, via GTM, de balancer des choses dans <head></head> mais je n'ai pas accès au code du site ni à ses feuilles de style.