$49

Star Ratings

Documentation  •  Changelog

Documentation

Customize your star CSS

The stars are naturally formatted to display their various states. However, you are free to override and customize the CSS however you wish.

CSS classes

The main reason to override the star CSS would be to adjust their colors. Of course, any other CSS adjustments can be made at your discretion. If you'd like to change the icons being used, please read how to customize your star icons.

.sr-star
  • Applies to all stars, all the time, regardless of state.
.sr-avg-rating
  • Default color: #d1202a (red)
  • Applies to stars which represent the average rating across all users.
.sr-user-rating
  • Default color: #e5cf4b (yellow)
  • Applies to stars which represent the selected rating of the current user.
.sr-unrated
  • Default color: #cdcdcd (grey)
  • Applies to any stars which are greater than the average or user total.