Setting a custom image for your rating

You can override the image of the star by setting a custom image. The Rating-Widget use only one image for all states of the star. You must create your image the same size and dimensions that you selected.
If you look at the image for the blue star below you will see how they are laid out.

1 2 3 4 5 6

The stars above are all in one image.

  • Stars 2 + 3 used for displaying the rating for the hover mode. i.e. when a person moves their mouse over the Rating-Widget.
  • Star 1 used for displaying empty star.
  • Star 3 used for displaying full star.
  • Star 4 used for displaying Left-To-Right half star.
  • Star 5 used for displaying Right-To-Left half star.

Lets see some example of heart custom style images:
small (16px x 96px)
medium (20px x 120px)
large (30px x 180px)

Specify your own image to use as a rating.