Rating Widget

Rating Widget

  1. Go to the Apps Sledge.
  2. Badge Header Menu
  3. Select the Customizer menu.
  4. Badge Header Menu
  5. Choose rating widget and click the Start Customizing Widget button.
  6. Badge Header Menu

Stars Color

Available settings:

Fill Color

This feature is designed to manage the inner color of the stars.

Follow the steps below:

  1. Select the Rating element on the right, then click the Settings tab and click the icon marked with a red arrow.
    Badge Header Menu
  2. Click the Color Palette on the right side, which is also marked with a red arrow.
    Badge Header Menu
  3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.
    Badge Header Menu
  4. To set the star color, select the Fill Color option. For the outer edges of the stars, use the Outline Color setting.
  5. Stars will change with selected color
    1. Example : Before Stars change settings
      Badge Header Menu
    2. Example : After Stars change settings
      Badge Header Menu

Stars Size

Available settings:

Stars Size

This feature is designed to adjust the size of the star elements.

Follow the steps below:

  1. Select the Rating element on the right, then click the Settings tab and click the icon marked with a red arrow.
    Badge Header Menu
  2. Click on the area marked with a red arrow to display the list.
    Badge Header Menu
  3. Select the size you want to use—for example, we will choose the Large size.
    Badge Header Menu
  4. The star size will adjust according to your selection.
    1. Example : Before Stars change settings
      Badge Header Menu
    2. Example : After Stars change settings
      Badge Header Menu

Skeleton

Available settings:

Main Color

Main Color is a setting that manages the color of the skeleton. However, you must first activate the Enable Skeleton feature.

Follow the steps below:

  1. Select the Rating element on the right, then click the Settings tab and click the icon marked with a red arrow.
    Badge Header Menu
  2. Enable the Enable Skeleton checkbox.
    Badge Header Menu
  3. Click the Color Palette on the right side, which is also marked with a red arrow.
    Badge Header Menu
  4. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.
    Badge Header Menu
  5. Then, click the Save button on the right.
    Badge Header Menu
  6. Skeleton will change with selected color.
    1. Example : Before Stars change settings
      Badge Header Menu
    2. Example : After Stars change settings
      Badge Header Menu