bbPress

Simple, Fast, Elegant

bbPress plugin browser »

bbRatings (0.8.5)

How do I change the color of the stars?

The color of the stars is set in the bb-ratings.css stylesheet file. The yellow color comes from "background-color: #fc0;", and the red color comes from "background-color: #d00;". You can adjust these values to your taste.

How do I change the background color of the stars?

Unfortunately, the stars' background color is fixed by the actual image file (star.gif). To change it, you will have to edit that image with your favorite image editing program. Replace all the white outer pixles with the color of your choice, leaving the inner pixels as they are (those inner pixels should be transparent).

How do I change the size of the stars?

The size of the star.gif image file is 17px by 17px. It is displayed at 16px by 16px to help round off the sharp edges (an old Web 1.0 trick - that doesn't play nice with internet explorer, it seems).

To change the size, find all the places in bb-ratings.css that say "16px" and change it to the size you want.

You will also need to Change the places in bb-ratings.css, bb-ratings.php and bb-ratings.js where it says "85" to be: ( the size you picked for your stars + 1 ) * 5

This should work reasonably well for making the stars smaller. If you want to make the stars bigger, they may end up looking ugly. If anyone can create better star images (SVG would be super cool), contact the author of this plugin.

Code is Poetry.