Modification des icones réseaux sociaux Template lt_photography

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Modification des icones réseaux sociaux Template lt_photography

    Bonjour à tous
    J'ai créé un site de photos avec le template lt_photography
    Dans l'administration du template, je peux valider des liens vers facebook, Google+, twitter etc ... mais pas instagram.
    Je voudrais donc modifier le logo d'un des réseaux sociaux inutilisé (Linkedin par ex) pour mettre un logo Instagram et ainsi créer un lien vers mon compte instagram. Mais je n'arrive pas à trouver où sont stockés ces logos dans le template !!
    Les logos vers les réseaux sociaux sont au bas de ma page d'accueil, juste au dessus de ma photo.
    L'adresse du site est : www.bjxphoto.com
    Merci d'avance de votre aide...

  • #2
    Re : Modification des icones réseaux sociaux Template lt_photography

    Bonjour,


    Envoyé par surfeur1912 Voir le message
    J'ai créé un site de photos avec le template lt_photography. Dans l'administration du template, je peux valider des liens vers facebook, Google+, twitter etc ... mais pas instagram. Je voudrais donc modifier le logo d'un des réseaux sociaux inutilisé (Linkedin par ex) pour mettre un logo Instagram et ainsi créer un lien vers mon compte instagram. Mais je n'arrive pas à trouver où sont stockés ces logos dans le template !!
    Ces logos ne se trouvent pas à proprement parler dans votre template (images JPG / PNG / GIF). Ce sont des icônes qui appartiennent à la police de caractères FontAwesome : http://fontawesome.io/icons.

    => Il vous faut donc agir soit au niveau du code du template, soit au niveau CSS.

    Si vous voulez modifier par exemple l'icône VK qui pointe actuellement sur votre compte Instagram, vous pouvez intervenir en CSS en changeant .fa-vk::before { content: "\f189"; } par .fa-vk::before { content: "\f16d"; }, l'idéal étant de faire cela dans un override CSS (= une feuille de style de surcharge de type custom.css).

    Pour les icônes et leur code CSS voyez : http://fontawesome.io/icon/vk (icône VK), et http://fontawesome.io/icon/instagram (icône Instagram).
    Dernière édition par PhilJ à 22/11/2016, 20h06
    Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

    Commentaire


    • #3
      Re : Modification des icones réseaux sociaux Template lt_photography

      Envoyé par PhilJ Voir le message
      Bonjour,

      Ces logos ne se trouvent pas à proprement parler dans votre template (images JPG / PNG / GIF). Ce sont des icônes qui appartiennent à la police de caractères FontAwesome : http://fontawesome.io/icons.

      => Il vous faut donc agir soit au niveau du code du template, soit au niveau CSS.

      Si vous voulez modifier par exemple l'icône VK qui pointe actuellement sur votre compte Instagram, vous pouvez intervenir en CSS en changeant .fa-vk::before { content: "\f189"; } par .fa-vk::before { content: "\f16d"; }, l'idéal étant de faire cela dans un override CSS (= une feuille de style de surcharge de type custom.css).

      Pour les icônes et leur code CSS voyez : http://fontawesome.io/icon/vk (icône VK), et http://fontawesome.io/icon/instagram (icône Instagram).
      OK, merci beaucoup, PhilJ, de votre aide.
      Je vais essayer de modifier le CSS selon la solution préconisée
      Cordialement

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X