Star Rating

Avada Star Rating Element Showcase

The Avada Star Rating Element displays a visual rating using stars (or icons), allowing you to showcase feedback, product ratings, or reviews in an eye-catching way. You can set the number of stars, control the fill level to reflect partial ratings, and customize colors, size, and alignment. This Element is ideal for adding social proof or user-generated content indicators throughout your WordPress site.

Below, you will find live examples of the Star Rating Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

5 / 5

This Avada Star Rating Element is set up as follows: Maximum Rating (5), Rating (5), Display Empty Rating (Hide), Icon, Icon Size (30px), Filled Icon Color, Display Rating Text (Yes), Rating Number Rounding (Auto), and Alignment (Center).

4.5 / 5

This Avada Star Rating Element is set up as follows: Maximum Rating (5), Rating (4.5), Display Empty Rating (Show), Icon, Icon Size (30px), Filled Icon Color, Display Rating Text (Yes), Rating Number Rounding (Auto), and Alignment (Center).

This Avada Star Rating Element is set up as follows: Maximum Rating (5), Rating (3), Display Empty Rating (Show), Icon, Icon Size (30px), Filled Icon Color, Display Rating Text (No), Rating Number Rounding (Auto), and Alignment (Center).

8.6 / 10

This Avada Star Rating Element is set up as follows: Maximum Rating (10), Rating (8.6), Display Empty Rating (Show), Icon, Icon Size (40px), Filled Icon Color, Icon Spacing (20px), Display Rating Text (Yes), Rating Font Size (20px), Rating Text Color, Rating Number Rounding (1 Decimal), Icon/Text Spacing (20px), and Alignment (Center).