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 um ano

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?