Changer couleur bouton sur formulaire Strong Testimonials (Créer un compte)

  • WordPress :6.6
  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2482158
    GBen
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : je ne sais pas où le voir
    • Thème utilisé : Ocean WP
    • Extensions en place : Cookie Notice & Compliance for GDPR / CCPA
        <li style= »list-style-type: none; »>
        <li style= »list-style-type: none; »>
        <li style= »list-style-type: none; »>
      • Custom Fonts
      • Elementor
      • Elementor Header & Footer Builder
      • Essential Addons for Elementor
      • Formidable Forms
      • IONOS Performance
      • Ocean Extra
      • Orthotypo
      • Premium Addons for Elementor
      • Social Icons Widget & Block by WPZOOM
      • Strong Testimonials
      • The Plus Addons for Elementor
      • UpdraftPlus – Sauvegarde/Restauration
      • Wavy Divider
      • WP Fastest Cache
      • WP Menu Icons
      • Yoast SEO
  • Nom de l’hébergeur : Ionos
  • Adresse du site : http://mamassake.fr
  • Problème(s) rencontré(s) :

    Bonjour à tous,

    Je fais quelques modifications sur mon site internet et suis en train de mettre en place un slider pour récolter des témoignages avec Strong Testimonials. J’ai créé mon formulaire que mes clients devront remplir pour laisser un avis. Je rencontre un problème pour changer la couleur du bouton d’envoi du témoignage (cf image en pièces jointes). J’ai essayé de passer par du CSS personnalisé mais c’est plus compliqué que les boutons que j’ai modifiés de cette manière auparavant. J’ai fait des recherches, regardé plusieurs vidéos et rien n’y fait, je n’ai rien trouvé qui fonctionne.

    Je souhaiterais que mon bouton soit de la couleur suivante : #F3A490 et ait la forme suivante (cf image bouton 2 en PJ). Je souhaiterais aussi que la police soit en Bariol Regular par coller à ma charte graphique.

    Je précise que j’utilise les versions gratuites de Strong Testimonials et d’Elementor.

     

    Quelqu’un aurait-il une solution ?

     

    Je vous remercie pour votre aide.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
#2482177
ferman
Modérateur
Maître WordPress
7272 contributions

Bonjour,

Essayez ceci dans les CSS personnalisés (ça reprend en partie les CSS du bouton Elementor).

#content .wpmtst_submit_testimonial{
background-color:#F3A490 );
font-family:"Bariol Regular", Sans-serif;
font-weight:600;
border-radius:35px 35px 35px 35px;
padding:-1px -1px -1px -1px;
}

  • Cette réponse a été modifiée le il y a 3 semaines et 5 jours par ferman.
#2482190
GBen
Participant
Initié WordPress
5 contributions

Merci pour ta réponse.

Je viens d’essayer mais mon problème, c’est que j’utilise Elementor gratuit et je n’ai pas accès au CSS personnalisé. SI je dois rentrer du code, je ne peux que passer par le JS/CSS personnalisé de WordPress. C’est ce que j’ai fait et ça n’a pas fonctionné, ça semble bloqué.

#2482220
ferman
Modérateur
Maître WordPress
7272 contributions

Il me semblait que ça aurait pu marcher comme ça mais comme je n’utilise pas elementor je ne peux pas tester en reproduisant les paramètres de votre site.

Essayez quand même le  code en supprimant la parenthèse à la ligne 2 (c’est un oubli de ma part; elle empêche la nouvelle couleur de s’appliquer) et en mettant des !important pour « forcer les CSS ».

#content .wpmtst_submit_testimonial{background-color:#F3A490 !important; 
font-family:"Bariol Regular", Sans-serif!important;
font-weight:600;
border-radius:35px 35px 35px 35px !important;
padding:-1px -1px -1px -1px;}

 

 

#2482222
GBen
Participant
Initié WordPress
5 contributions

Merci. Je viens de réessayer, ça ne veut pas changer. J’ai mis une photo en PJ des fois que ce soit moi qui recopie mal malgré le fait que le code soit bon. Je fais un copier/coller, c’est peut-être ça qui fait que ça ne veut pas ?

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
#2482224
ferman
Modérateur
Maître WordPress
7272 contributions

Alors je vois à la ligne 23 ceci: #content.wpmtst_submit_testimonial. Il me semble qu’il manque un espace entre « content » et « .wpmtst ».  Cela devrait être #content .wpmtst_submit_testimonial. Si vous faites un copier/coller ce serait étonnant qu’il y ait une erreur mais pouvez-vous quand même vérifier?

 

  • Cette réponse a été modifiée le il y a 3 semaines et 4 jours par ferman.
#2482255
GBen
Participant
Initié WordPress
5 contributions

Je viens de réessayer le copier/coller, il ne passe toujours rien (cf PJ). Est-ce possible que l’extension ait empêché toute modification afin d’inciter à passer sur la version pro ?

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
#2482264
ferman
Modérateur
Maître WordPress
7272 contributions

Est-ce possible que l’extension ait empêché toute modification afin d’inciter à passer sur la version pro ?

Je ne sais pas, je n’ai jamais vu.

Essayez peut-être avec cette extension

  • Cette réponse a été modifiée le il y a 3 semaines et 3 jours par ferman.
#2482327
GBen
Participant
Initié WordPress
5 contributions

Merci pour votre aide en tout cas.

#2482329
ferman
Modérateur
Maître WordPress
7272 contributions

Désolé, je ne peux pas essayer plus: il faudrait installer « strong testimonials » et ce n’est pas simple (et en plus il faut une licence). Mais pourquoi ne demandez vous pas sur le forum d’aide de l’extension? Ils ont l’air assez réactifs , même pour la version gratuite.

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.