How do you make the star icons smaller?

[Stephen]

We're using the jQuery rating with Bootstrap theme. The default star icons are huge. How do you make them look smaller and with less spacing in between? I tried using css to override the font-size but it gets weird when you have half precision values. The half stars look shifted.

[Ivan Danchev]

Hello Stephen,

You can reduce the size of the icons with the following CSS rule:

.k-rating-container .k-rating-item .k-icon {
  font-size: 18px;
}

Here's a dojo example with this rule applied: https://dojo.telerik.com/ihAtiTEj

Regards,
Ivan Danchev
Progress Telerik