How to change the rating star images

From JReviews Documentation
Revision as of 15:51, 23 August 2011 by Jreviews (Talk | contribs)

Jump to: navigation, search

If you want to change the rating stars, you only need to define a different stars background image. There are several sprite images for rating stars available in JReviews themes:

RatingStars.jpg


By default, rating_stars.png is used. If you want to use different stars, just add this into your custom_styles.css and change the file name:

.rating_star_user, 
.rating_star_editor , 
.rating_star_user div, 
.rating_star_editor div { 
    background-image: url(images/rating_stars2.png); 
}
 
/* rating form */
.ui-stars-star a {
    background-image: url(images/rating_stars2.png);
}


If you want to use your own stars image, place the image file in \theme_css\images\ folder. Make sure your custom stars have the same dimensions, otherwise you will need to modify styles for dimensions also.