本記事では、ユーザー様からご質問の多い代表的なカスタムCSSの例を紹介いたします。カスタムCSSを加えることで、自社サイトのデザイントーンに合わせてレビューの埋め込みが可能となります。
タイトル部分 総合星評価の縦横の幅
.es-widget-rating-container .es-star {height: 36px;width: 36px;}
レビューボックス 枠の角丸と背景の色
.esu-box {border-radius: 30px;border: none;background-color: whitesmoke;}
レビューボックス 星評価の縦横の幅
.es-stars .es-star {
height: 26px;
width: 26px;
}
レビューボックス プロフィール写真/アバターのサイズ
.esu-avatar {height: 60px;width: 60px;}
レビューボックス レビュアー名のサイズ
.esu-username {font-size: 18px;}
レビューボックス レビュ―日のサイズと色
.esu-date {font-size: 14px;color: gray;}
レビューボックス テキストのフォント
.esu-caption-text {font-size: 16px;}