Avada Star Rating Element Examples

The Avada Star Rating Element allows you to display ratings anywhere in your content, manually set the maximum and average rating (or make it dynamic), select your icons, and style both filled and empty stars. It’s an easy way to add trust signals—such as product reviews or user feedback—and you can hide it when there is no rating, animate it, and adjust its size, color, spacing, and alignment.

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).

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).

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).

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada Sound Cloud Element Featured ImageSoundCloud
Avada Syntax Highlighter Featured ImageSyntax Highlighter