Classes CSS

Use as classes CSS disponíveis para personalizar a exibição dos aplicativos.

Disponível para Bate-papo, Comentários, Blog ao vivo, Revisões e Sidenotes.

Use o CSS para personalizar seus aplicativos Livefyre para obter uma integração mais completa com sua página, simplesmente substituindo o CSS padrão do aplicativo por sua própria folha de estilos. Esta seção descreve as personalizações de CSS disponíveis.

• Editor CSS
• CSS de opções de classificação
• Comentário CSS
• Comentários em destaque CSS
• Comentários arquivados CSS
• CSS do Notificador de Comentários
• Storify CSS Classes

Editor CSS

Use essas classes para alterar a interface do editor de postagens.

Você também pode editar estilos na própria configuração do aplicativo, incluindo a cor de fundo do campo do editor e a cor, o tamanho e a família da fonte do texto que aparece dentro do editor.

Para personalizar o editor de comentários, adicione o objeto editorCss:{} a fyre.console.load() e inclua o estilo desejado. Por exemplo, para atualizar o editor com seu CSS personalizado:

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' 
   } 
}]);

Opções de classificação CSS

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

Ocultar as opções de classificação ‘|’ que separam as opções.

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

Comentário CSS

Comentários em destaque CSS

Comentários arquivados CSS

Notificador de comentários CSS

Essas classes permitem que você personalize o Livefyre Comment Notifier.