Classes CSS

Utilisez les classes CSS disponibles pour personnaliser l’affichage de vos applications.

Disponible pour la discussion, les commentaires, le blog en direct, les commentaires et les identifiants.

Utilisez le format CSS pour personnaliser vos applications Livefyre afin de bénéficier d’une intégration plus complète à votre page, en remplaçant simplement l’application CSS par défaut par votre propre feuille de style. Cette section décrit les personnalisations CSS disponibles.

• Editeur CSS
• Options de tri CSS
• Commenter CSS
• Commentaires CSS présentés
• Commentaires CSS archivés
• CSS de notification de commentaires
• Storify CSS Classes

Editeur CSS

Utilisez ces classes pour modifier l’interface de l’éditeur de publication.

Vous pouvez également modifier les styles dans la configuration de l’application elle-même, y compris la couleur d’arrière-plan du champ de l’éditeur, ainsi que la couleur, la taille et la famille de la police du texte qui s’affiche dans l’éditeur.

Pour personnaliser l’éditeur de commentaires, ajoutez l’objet editorCss:{} à fyre.conv.load() et incluez le style de votre choix. Par exemple, pour mettre à jour l’éditeur avec votre page CSS personnalisée :

fyre.conv.load(networkConfig, [{ 
   siteId: LF_siteId, 
   el: 'livefyre', 
   articleId: LF_articleId, 
   collectionMeta: #CollectionMeta 
   editorCss: { 
      background: '#ccc', 
      color: 'red', 
      font: '30px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif' 
   } 
}]);

Options de tri CSS

Structure HTML :

<div class="fyre-stream-sort"> 
   <a href="#" class="fyre-stream-sort-newest fyre-stream-sort-selected">Newest</a>  
   <span class="fyre-stream-sort-bar"> | </span> 
   <a href="#" class="fyre-stream-sort-oldest">Oldest</a> 
</div>

Masquez l’icône "|" qui sépare les options de tri.

.fyre-stream-sort .fyre-stream-sort-bar { 
    display: none !important; 
}

Commenter CSS

Commentaires CSS présentés

Commentaires archivés CSS

CSS de notification de commentaires

Ces classes vous permettent de personnaliser l'utilitaire de notification des commentaires Livefyre.