Skip to main content

I have often been annoyed by how tight this is to the stars.

This is at the end.

Annoyingly Tight Value

If you are as well, I offer two solutions.

Solution 1 is to simply hide the value.

/** Hide the numeric course rating value **/

.shown-rating-value {
display: none;
}
Hidden Value

The second is to move it over a little if you would prefer to keep it.

/** Move the numeric rating value over **/

.shown-rating-value {
margin-left: 10px;
}
Shifted Value

As always, test for any conflicts in your platform.

Hope this helps someone today.

Nice!


Ha, can’t say I ever noticed this, but adding to my list of reasons why I’m not using the built in course rating :)


Reply