Besoin d'aide ? Vous pouvez Consulter le Support ou


[WP.org] Barre sociale horizontale

  1. Bonjour,

    J'ai un menu social en bas de page, il m'affiche une icône Facebook, Twitter, ainsi que Youtube.

    Sauf que les icônes s'affichent de bas en haut, et j'aimerais les mettre de gauche à droite.

    Voici mon code, que faut-il rajouter ?

    /*  social-nav menu */
    .screen-reader-text {
    	position: left;
    	top:      -9999em;
    	left:     -9999em;
    }
    #menu-social-items {
    	position: block;
    	float: left;
      margin: 0 3em 0 0;
      text-align: center;
    	list-style: none;
    }
    #menu-social-items ul li {
      display:  inline-block;
      position: relative;
    }
    #menu-social-items li a::before {
    	display:        inline-block;
    	padding:        0 5px;
      vertical-align: top;
    	font-family:    'Genericons';
    	font-size:      1.5em;
    	-webkit-font-smoothing: antialiased;
      content:        '\f408';
    }
    #menu-social-items li a[href*="wordpress.org"]::before,
    #menu-social-items li a[href*="wordpress.com"]::before {
    	color:   #21759b;
    	content: '\f205';
    }
    #menu-social-items li a[href*="facebook.com"]::before {
    	content: '\f203';
    	color:   #3b5998;
    }
    #menu-social-items li a[href*="twitter.com"]::before {
    	content: '\f202';
    	color:   #33ccff;
    }
    #menu-social-items li a[href*="dribbble.com"]::before {
    	content: '\f201';
    	color:   #ea4c89;
    }
    #menu-social-items li a[href*="plus.google.com"]::before {
    	content: '\f206';
    	color: #dd4b39;
    }
    #menu-social-items li a[href*="pinterest.com"]::before {
    	content: '\f210';
    	color:   #c8232c;
    }
    #menu-social-items li a[href*="github.com"]::before {
    	content: '\f200';
    	color:   #171515;
    }
    #menu-social-items li a[href*="tumblr.com"]::before {
    	content: '\f214';
    	color:   #34526f;
    }
    #menu-social-items li a[href*="youtube.com"]::before {
    	content: '\f213';
    	color:   #c4302b;
    }
    #menu-social-items li a[href*="flickr.com"]::before {
    	content: '\f211';
    	color:   #ff0084;
    }
    #menu-social-items li a[href*="vimeo.com"]::before {
    	content: '\f212';
    	color:   #1AB7EA;
    }
    #menu-social-items li a[href*="instagram.com"]::before {
    	content: '\f215';
    	color:   #3f729b;
    }
    #menu-social-items li a[href*="codepen.io"]::before {
    	content: '\f216';
    	color:   #000;
    }
    #menu-social-items li a[href*="linkedin.com"]::before {
    	content: '\f208';
    	color:   #0e76a8;
    }
  2. En ouvrant ce sujet vous n'avez pas précisé l'adresse du blog
    ou la raison liée à l'usage de la plateforme.

    Vous êtes sur le forum de soutien pour sites hébergés par WordPress.com. Si votre question porte sur un blog WordPress auto-hébergé, veuillez vous adresser aux forums WordPress.org pour obtenir de l’aide.

    Pour en savoir plus sur la différence entre WordPress.com et WordPress.org, veuillez consulter cet article.

    Si vous aviez oublié d’inclure l’adresse de votre site dans votre question, vous pouvez l’inclure dans votre réponse ci-dessous. Cette information nous permettra de mieux vous aider.

    Ceci est un message automatisé.

  3. Bonjour je n'ai toujours pas trouvé de solution si quelqu'un sait ;) Merci

  4. @regamefr : Si vous êtes la même personne que gregoryens, merci de répondre à la question que Support Bot vous a posé il y a quelques jours et que revoici :

    En ouvrant ce sujet vous n'avez pas précisé l'adresse du blog ou la raison liée à l'usage de la plateforme. [...]
    Si vous aviez oublié d’inclure l’adresse de votre site dans votre question, vous pouvez l’inclure dans votre réponse ci-dessous. Cette information nous permettra de mieux vous aider.

  5. Excusez moi, safari s'est connecté depuis un autre compte ( j'avais même pas remarqué que j'avais deux comptes ).

    Le site c'est "www.moneybox.fr" mais je l'ai mis en maintenance car pour l'instant je ne veux pas trop dévoiler les informations, mais si quelqu'un veux accéder je peux créer un compte test.

  6. Votre site fonctionne sous WordPress, mais n'est pas hébergé par WordPress.com. C'est donc un site autohébergé WordPress (appelé également WordPress.org) et vous n'êtes pas au bon endroit.

    Merci de lire attentivement le reste du message de Support Bot (ci-dessus) pour savoir où poser votre question.

Le sujet est fermé.

Ce sujet est fermé.

A propos de ce Sujet

Étiquettes

Pas encore de tags.