Display (V2) Review Icons

You can configure these styles using Style Editor in the Bazaarvoice Portal:
  1. Sign in to the Bazaarvoice Portal.
  2. From the upper-right corner, select the settings icon.
  3. Under Configuration, select Ratings & Reviews.
  4. Under Implementations, select Edit next to the implementation you want to configure.
  5. Select Style Editor in the User Experience section on the left.

Icons

Select Icons to update the following styles. Example: Icons > Review Stars.

1. Review Stars

  • For the v2 display, the Icon Size of review stars is not exact in pixels. To calculate the Review Stars’ size, the Icon Size value in the Icons menu is multiplied by 0.75 to determine the final size of the stars. For example, a font size value of 16px would result in a star width and height of 12px (16 * 0.75 = 12).
  • ‘Full’ color changes outlines and fill of display submission stars under “Review this Product”
  • ‘Empty’ state affects empty star backgrounds in submission form stars.

2. Bars

The badge icon colors can be configured from Icons: Bars: Full.

Backgrounds

Select Backgrounds to update the following styles. Example: Backgrounds > Buttons - Primary.

3. Buttons - Primary

The “button” option sets the color of the Helpfulness voting icons.

Reviews display example highlighting the visual appearance of review stars, badge bars, and helpfulness voting icons.

Reviews display example

Provide feedback button