Ir para conteúdo principal

Custom CSS para widgets EmbedReviews

Classes e atributos CSS usados com frequência para personalizar totalmente seus widgets de comentários

Alex avatar
Escrito por Alex
Atualizado há mais de 2 anos

Neste artigo, encontrará os códigos CSS mais utilizados e necessários que pode aplicar manualmente aos seus widgets EmbedReviews.

O CSS personalizado pode ser aplicado, dentro das definições do widget, e no lado inferior esquerdo, encontrará o separador Custom CSS.

Localize o separador CSS personalizado

Por favor, veja abaixo os códigos Custom CSS.

Estrelas do título, altura e largura:

.es-widget-rating-container .es-star {

height: 36px;

width: 36px;

}

Altere a altura e a largura das estrelas de título

Rever o raio do limite da caixa e a cor de fundo:

.es-box {

background-color: green;

padding: 10px;

}

Alterar a borda da caixa de revisão

Rever a altura e a largura das estrelas da caixa:

.es-stars .es-star {

height: 26px;

width: 26px;

}

Alterar a altura e a largura das estrelas

Tamanho da foto/avatar do perfil do avaliador:

.esu-avatar.es-avatar {

height: 80px;

width: 80px;

}

Alterar o tamanho do avatar

Nome do revisor size:

.esu-username.es-username {

font-size: 18px;

}

Alterar o tamanho do nome do autor

Tamanho e cor da data do revisor:

.esu-date.es-date {

font-size: 16px;

color: grey;

}

Alterar o tamanho e a cor da data

Tamanho do tipo de letra das críticas:

.esu-caption-text.es-text-full.es-text-short {font-size: 18px;}​

Alterar o tamanho do tipo de letra

Se tiver alguma dúvida, clique no ícone de chat no canto inferior direito para falar com a nossa equipa de apoio ao cliente ou envie-nos um e-mail para support@embedsocial.com

Estamos aqui para si 🙏

Isto respondeu à sua pergunta?