Reviews Block

7.8

(Calculated automatically)

Music6
Graphics8.6
Controls10
Story6.5

6.9

(Calculated automatically)

Music4.4
Graphics6.4
Controls10

Settings

This section will help you set up the block. Let’s check out the available options.

  1. Score Font Size: Control the font size of the score text either via a drop down of preset values or by setting an exact pixel value in the input.
  2. Score Color: Choose the desired color for the score text.
  3. Verdict Font Size: Control the font size of the verdict text either via a drop down of preset values or by setting an exact pixel value in the input.
  4. Verdict Color: Choose the desired color for the verdict text.

Notice that the Font Size options have three icons next to the label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the control’s values for each device.


Review Item Settings

This section will help you configure global review item options. Let’s check out the available options.

  1. Display Rating: Toggle the appearance of the rating number on each rating bar.
  2. Bar Text Font Size: Control the font size of the bar text either via a drop down of preset values or by setting an exact pixel value in the input.
  3. Bar Height: Set the rating bar height.
  4. Bar Text Color: Control the color of the bar’s text.
  5. Progress Background Color: Choose the desired color for the filled portion of the bar.
  6. Bar Background Color: Change the overall background color of the bar.

Notice that the Font Size option has three icons next to the label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the control’s values for each device.


Block Appearance

Under the block appearance tab you can control how the block looks. Let’s take a look a the options.

  1. Background Color: Controls the color of the block’s background.
  2. Border: This option allows you to select the border style via the drop down and then select the border color and width.
  3. Border Radius: This option allows you to round the block’s corners.
  4. Box Shadow: This option allows you to apply an inset/outset box shadow, its color, spread, blur radius and offset.
  5. Padding: With this option you can individually control the padding on each side of the block.
  6. Margin: With this option you can individually control the margin on each side of the block.

Notice that the Padding and Margin options have three icons next to their label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the values of padding/margin for each device.


Visibility Settings

Via the Visibility Settings you can hide the block for certain type of device or user.

The Viewport visibility toggles allow you to hide the block on desktops, tablets and mobiles. You can choose to hide it on more than one device type.

The Authentication visibility toggles allow you to display the block only to logged in or logged out users.


Review Item Options

Selecting each review bar presents you with another option. This one allows you to set the rating number via the slider or the available input.