Jump to content

Bloc social footer


Recommended Posts

Bonjour 

Besoin d'aide svp. Sur mon footer, j'ai 4 bloc social (facebook, twitter, insta et google +) qui sont de couleurs verte et blanc en survol. Je voudrais mettre leurs couleurs propres.

 Dans le global css j'ai modifier ceci comme me l'a conseillé Stéphane (MERCI AU PASSAGE)

 

.footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a";
            color: #3b5998; 
            }
          .footer-container #footer #social_block ul li.twitter a:before {
            content: "\f099"; }
          .footer-container #footer #social_block ul li.rss a:before {
            content: "\f09e"; }
          .footer-container #footer #social_block ul li.youtube a:before {
            content: "\f167"; }
          .footer-container #footer #social_block ul li.google-plus a:before {
            content: "\f0d5"; }
          .footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }
          .footer-container #footer #social_block ul li.vimeo a:before {
            content: "\f194"; }
          .footer-container #footer #social_block ul li.instagram a:before {
            content: "\f16d"; }

J'ai modifié celui de Facebook mais rien n'a changé

Mon site. www.TheLittleCandyShop.com

AIDE PLEASE!!!

Edited by Sofian-13 (see edit history)
Link to comment
Share on other sites

Bonjour,

Je ne comprends pas ton CSS, pour moi tu as juste à modifier ton css (dans le fichier custom.css de préférence, ce qui t’évites de modifier le fichier original)

 

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

color: #a1c13a; (tu mets la couleur que tu veux #385898 pour le bleu facbook je crois, à vérifier...)

}

et pour le survol

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

color: #ffffff; (tu mets la couleur que tu veux)

}

 

 

Edited by Realcee (see edit history)
Link to comment
Share on other sites

Slt realcee.

 

Merci de ton aide, effectivement, pour le survol aucun problème, par contre, pour le 4 blocs, la couleur reste inchangée. J'ai toujours le vert. 

J'ai modifié dans le global.css

Selon ton conseil

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

color: #a1c13a; (tu mets la couleur que tu veux #385898 pour le bleu facbook je crois, à vérifier...)

}

J'ai cherché sur le net et essayé ceci.

.footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a";
            color: #3b5998; 

 

Rien!! Absolument rien.

Link to comment
Share on other sites

Bonjour Sofian,

Je ne suis pas un spécialiste du css mais pour moi cela devrait fonctionner ....

Quand tu click sur inspecter sur ton icone FB et que que tu modifie la valeur en live cela fonctionne (cf capture d'ecran).

Par contre ton code 

On 10/11/2019 at 8:17 PM, Sofian-13 said:

.footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a";
            color: #3b5998; 

As tu essayé .footer-container #footer #social_block ul li.facebook a::before {

 

Capture.PNG

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...