Passer au contenu principal

CSS personnalisé pour les widgets EmbedReviews

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

Écrit par Alex

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 ?