Display (V2) Fonts And Icons Menu Options

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.

Fonts menu options

Fonts

Select Fonts  menu options to update the font styles. Example: Fonts > Font Family > Arial.

  • Font Family: Limited to what is displayed in the drop down menu.
  • Font Color: Select from palette or enter the desired hex code.
  • Font Size: In pixels
  • Line Height: In pixels
  • Character Style: Limited to Bold, Underline, Italic
  • Capitalization: Limited to Default, Capitalize Words, ALL CAPS, lowercase

Link States

Select Links  to update the link states. Example: Fonts > Links > All.

  • All: Changes will be applied to all link states.
  • Link: Changes will be applied to default link state only.
  • Active: Changes will be applied to the active link state only.
  • Hover: Changes will be applied to the hover link state only.
  • Visited: Changes will be applied to the visited link state only.

Button States

Select Button states  to update the button states. Example: Fonts > Buttons - Primary > All.

  • All: Changes will be applied to all button states.
  • Button: Changes will be applied to default button state only.
  • Active: Changes will be applied to the active button state only.
  • Hover: Changes will be applied to the hover button state only.

Custom Fonts

To use custom fonts, they can either be detected from your site’s stylesheet using the Style Detector or added using the Manage Styles palette.

Icons Menu Options

Stars and Bars

Select Icon  menu options to update the stars and bars styles. Example: Icons > Icon Size > 24.5 px.

  • Icon Color: Hex code can be specified for full and empty stars if not already in the palette.
  • Icon Image: Limited to 1 of 2 options, rounded stars or sharp stars.
  • Icon Size: In pixels
 Interface screenshot showing the configuration menus for Fonts and Icons.
Provide feedback button