[Résolu] Changer la couleur du hover d’un bouton dans un footer

  • WordPress :5.2
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 21)
  • Auteur
    Messages
  • #2274035
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    Ma configuration WP actuelle :

    • – Version de WordPress : 5.2.2
    • – Version de PHP/MySQL : 7.3.6 / 5.7.23
    • – Thème utilisé : Unta
    • – Thème URI : http://promo-theme.com/unta/
    • – Extensions en place : Advanced Custom Fields (5.8.2), Black Studio TinyMCE Widget (2.6.9), Contact Form 7 (5.1.4), Forum_wordpress_fr (4.2), Hide Title (1.0.8), PT Unta Addons (1.0.4), Redux Framework (3.6.15), TinyMCE Advanced (5.2.1), Unyson (2.7.22), WooCommerce (3.7.0), WPBakery Page Builder (6.0.5), WP Retina 2x (5.5.6), WP User Avatar (2.2.4)
    • – Adresse du site : http://www.patatrefles.com
    • – Nom de l’hébergeur : Apache

    Problème(s) rencontré(s) :

    Bonjour, j’ai pris le thème Unta. Malheureusement, je le trouve très limité pour la personnalisation du header et du footer Je me débrouille avec mes connaissances de base en css.

    Mais mes connaissances ont ses limites car je suis dans l’incapacité de changer la couleur du hover du bouton “Contactez-Nous” dans le footer…

    Vous pouvez vous en rendre compte par vous-même en vous rendant sur mon site (en construction) : http://www.patatrefles.com

    Merci pour votre aide

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2274037
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Bonjour.

    Essaies-ça dans ton custom CSS

    .nouscontacterbordure {
    	background:#ffa800;
      width:190px
    }

    🙂

    #2274039
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    Hello merci pour ta réponse mais je veux changer le background du hover (Background du bouton lorsque la souris passe dessus)

    #2274040
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Comme-ça alors

    .nouscontacterbordure :hover {
    	background:#ffa800 !important;
      width:190px
    }

    🙂

    #2274041
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    C’est parfait!

    Pour ma culture personnelle, pourquoi rajoutes-tu : width:190px; ?

    Je veux également changer la couleur de bordure du bouton (pas en hover) donc je fais :

    .nouscontacterbordure {
    border-color:#650d88 !important;
    }

    ça ne marche pas tout de même pas.. Tu as une idée?

    #2274042
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Le 190px si on ne le met pas, la couleur s’étend à toute la largeur du widget, essaies tu verras.

    Pour la bordure essaies-ça

    .nouscontacterbordure .button-style1 {
    	border: 2px solid #650d88 important;
    }

    🙂

    #2274044
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    Non ça ne marche pas. C’est bizarre car j’ai fais la même manip avec :hover et là, pas de problèmes

    #2274046
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Ton thème est payant je ne peux tester qu’avec l’inspecteur de Firefox…

    🙂

    #2274047
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    Je vais m’occuper de la bordure car ce n’est pas le thème. Mais pour rester dans le theme : Je n’arrive pas à changer la couleur de la flèche quand je suis en hover

    #2274048
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Peut-être

    .nouscontacterbordure :hover .admin-ui-right-arrow {
        color: #fff !important;
    }

    🙂

    #2274049
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    C’est ça. ça marche!

    Juste à trouver la ou les classes correspondance à cette satanée bordure et on sera bon

    Merci beaucoup pour ton temps en tout cas

     

    #2274050
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Je viens de réessayer en changeant la couleur et avec l’inspecteur ça fonctionne

    .nouscontacterbordure .button-style1{
        border: 2px solid #ffa800 !important
    }

    🙂

    #2274051
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    J’ai voulu changer la couleur de la police du bouton et la mettre en gras.

    #nouscontacterfooter
    {
    color:#650d88;
    font-family: Poppins;
    font-weight: bold;
    }

    Sauf que ça l’efface carrement sur le hover. J’ai donc rajouter :

    #nouscontacterfooter :hover
    { z-index: 1000000000;
    color:#ffff !important;
    font-family: Poppins;
    font-weight: bold;
    }

    mais rien ne se passe.

    Je l’ai publié pour que tu puisses voir

    #2274056
    PhiLyon
    Modérateur
    Maître WordPress
    23540 contributions

    Ça devient pénible, il doit y a voir un css minifié ou un JS qui bloque quelque part, dernière tentative

    .nouscontacterbordure :hover {
    	background:#650d88;
      width:200px;
    	border-color:#650d88;
    	color: #fff;
      font-family: Poppins;
      font-weight: 700;
    }

    🙂

    #2274061
    Ceddav
    Participant
    Initié WordPress
    14 contributions

    Pénible????

    Rien ne t’oblige à répondre si tu ne le veux pas!! Même si je te remercie énormément pour ton aide

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