Block social sharing - problème CSS bouton twitter

[Koselya]

Bonjour,
 
Je passe l'ensemble des icones des réseaux sociaux en noir avec passage en jaune pour hover.
 
Sur les 3 icones facebook, pinterest et google+ ça marche, mais pour twitter impossible de passer en jaune, pourtant les modifs dans les CSS sont les mêmes et dans le debug tout à l'aire normal.
 
 1 - côté CSS

.socialsharing_product button {

1. margin-bottom: 3px;
2. border: 0px;

}

 

 

 

.btn-default {

1. color: #333;
2. background-color: #fff;
3. border-color: #ccc;

}

 

 

 

.btn {

1. display: inline-block;
2. padding: 6px 12px;
3. margin-bottom: 0;
4. font-size: 13px;
5. font-weight: normal;
6. line-height: 1.42857;
7. text-align: center;
8. vertical-align: middle;
9. cursor: pointer;
10. border: 1px solid transparent;
11. border-radius: 0px;
12. white-space: nowrap;
13. -webkit-user-select: none;
14.  
    -moz-user-select: none;
15.  
    -ms-user-select: none;
16.  
    -o-user-select: none;
17.  
    user-select: none;

}

 

2 - Et CSS avec hover:

.btn-twitter:hover {

1. color: #edff00 !important;
2. background-color: white;

}

 

avec et sans !important le résultat est le même et le background-color lui fonctionne parfaitement

 

Si qqun a une idée, voici une URL où on peut voir le problème !

 

http://koselya.com/index.php?id_product=16&controller=product&id_lang=1

Edited September 23, 2016 by Koselya (see edit history)

[Sebeo]

Bonjour,

 

Vous pouvez remarquer qu'il y a un ".btn-twitter i {color: black;}" à supprimer dans global css vers la ligne 8681

 

Bonne journée

[Koselya]

Merci beaucoup pour la réponse, mais c'est normal je désire avoir le logo twitter en noir, ce que je ne comprend pas c'est que le hover ne marche pas, quand je regarde le global.css à la ligne 8681 j'ai la même chose pour facebook et twitter et pour facebook ça marche parfaitement (ainsi que pour google+ et instagram, seul twitter se comporte différemment

 

.btn-facebook i {

  color: black; } /*#435f9f*/

.btn-facebook:hover {

  color: #edff00;

  background-color: white; /*#435f9f;*/ }

  .btn-facebook:hover i {

    background-color: white; 

    color: #edff00; }

 

.btn-twitter i {

  color: black; } /*#00aaf0*/

.btn-twitter:hover {

  color: #edff00;

  background-color: white; /*#00aaf0;/* }

  .btn-twitter:hover i {

    background-color: white; 

    color: #edff00; } /*white*/

 

 

en supprimant le color black, la fonction hover fonctionne mais l'icone twitter passe en gris au lieu d'être noire, ce qui est un peu mieux mais pas parfait pour autant

Edited September 24, 2016 by Koselya (see edit history)

[Oron]

Bonjour

 

Selon les informations whois vous n'êtes pas sur le CLOUD prestashop, ce forum est réserver uniquement au Cloud Prestashop

Topic déplacé dans Utilisation de prestashop : configuration et difficultés