CSS personnalisé pour les widgets EmbedReviews

Classes et attributs CSS fréquemment utilisés pour personnaliser entièrement vos widgets d'avis.

Alex avatar
Écrit par Alex
Mis à jour il y a plus d’une semaine

Dans cet article, vous trouverez les codes CSS les plus utilisés et nécessaires que vous pouvez appliquer manuellement à vos widgets EmbedReviews.

Custom CSS peut être appliqué, à l'intérieur des paramètres du widget, et sur le côté inférieur gauche, vous trouverez l'onglet Custom CSS:

Trouvez l'onglet CSS personnalisé

Vous trouverez ci-dessous les codes CSS personnalisés.

Etoiles de titre, hauteur et poids:

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

height: 36px;

width: 36px;

}

Modifiez la hauteur et la largeur des étoiles du titre

Rayon de la bordure de la boîte de révision et couleur d'arrière-plan:

.es-box {

background-color: green;

padding: 10px;

}

Modifier la bordure de la boîte de commentaires

Boîte de révision étoiles hauteur et poids:

.es-stars .es-star {

height: 26px;

width: 26px;

}

Modifier la hauteur et la largeur des étoiles

Taille de la photo du profil de l'évaluateur/avatar:

.esu-avatar.es-avatar {

height: 80px;

width: 80px;

}

Modifier la taille de l'avatar

Nom du réviseur size:

.esu-username.es-username {

font-size: 18px;

}

Modifier la taille du nom de l'auteur

Date de l'examen taille et couleur:

.esu-date.es-date {

font-size: 16px;

color: grey;

}

Modifier la taille et la couleur de la date

Taille de la police des examens:

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

Modifier la taille de la police

Si vous avez des questions, cliquez sur l'icône de chat en bas à droite pour parler à notre équipe de soutien à la clientèle ou envoyez-nous un courriel à support@embedsocial.com.

Nous sommes là pour vous 🙏

Avez-vous trouvé la réponse à votre question ?