In this article, you will find the most used and needed CSS codes that you can manually apply to your EmbedReviews widgets.
Custom CSS can be applied, inside the widget settings, and on the bottom-left side, you will find the Custom CSS tab:
Please find below, the Custom CSS codes.
Title stars, height and width:
.es-widget-rating-container .es-star {
height: 36px;
width: 36px;
}
Review box border radius and background color:
.es-box {
background-color: green;
padding: 10px;
}
Review box stars height and width:
.es-stars .es-star {
height: 26px;
width: 26px;
}
Reviewer profile photo/avatar size:
.esu-avatar.es-avatar {
height: 80px;
width: 80px;
}
Reviewer name size:
.esu-username.es-username {
font-size: 18px;
}
Reviews date size and color:
.esu-date.es-date {
font-size: 16px;
color: grey;
}
Reviews font size:
.esu-caption-text.es-text-full.es-text-short {font-size: 18px;}
If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at support@embedsocial.com
We're here for you 🙏