All Collections
EmbedReviews
FAQs and Troubleshooting
Custom CSS for EmbedReviews Widgets
Custom CSS for EmbedReviews Widgets

Frequently used CSS classes and attributes to fully customize your reviews widgets:

Laze Trajkov avatar
Written by Laze Trajkov
Updated over a week ago

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 (Screenshot below)

Please find below, the Custom CSS codes.


Title stars, height and weight:

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

height: 36px;

width: 36px;

}

Review box border radius and background color:

.esu-box {

border-radius: 30px;

border: none;

background-color: whitesmoke;

}

Review box stars height and weight:

.es-stars .es-star {

height: 26px;

width: 26px;

}

Reviewer profile photo/avatar size:
.esu-avatar {

height: 60px;

width: 60px;

}

Reviewer name size:
.esu-username {

font-size: 18px;

}

Reviews date size and color:
.esu-date {

font-size: 14px;

color: gray;

}

Reviews font size:
.esu-caption-text {
font-size: 16px;
}

Did this answer your question?