Jump to content

Icônes social blok de default-boostrap


Recommended Posts

Bonjour à tous.

 

J'utilise le thème "default-boostrap" de prestashop 1.6, et je souhaiterai ajouter les couleurs d'origines de chaque icônes du social blok, car le rendu gris par défaut ne me convient pas.

 

Les icônes sont de FontAwasome avec une couleur générale pour toutes. Même en remplaçant la valeur content: par background: url relié à une image rien n'y fait.

 

Mon site est actuellement en mode maintenance.

 

Si quelqu'un à une idée je suis preneur.

 

Bonne journée.

 

Link to comment
Share on other sites

Bonjour,

 

Quelque chose comme ceci :

 

Dans \themes\default-bootstrap\css\global.css, exemple pour facebook

 

Pour modifier la couleur de l'icone

 

Ajouter color: #3b5998; (mettre le code couleur voulu à la place de #3b5998;)


 

.footer-container #footer #social_block ul li.facebook a:before {

            content: "\f09a"; color: #3b5998; }


 

 

 

Pour la couleur au survol de la souris, copier le css de l'icone

 


.footer-container #footer #social_block ul li.facebook a:before {

            content: "\f09a"; }


 

Coller puis ajouter :hover et remplacer content: "\f09a"; par color: #3b5998; opacity: 0.7; (Mettre la couleur voulu et ou non opacity)

 

.footer-container #footer #social_block ul li.facebook a:hover:before {

  color: #3b5998; opacity: 0.7; }

Edited by Moi c Seb (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...