Style Tab (part 3)

Answer font size (px): #

Define the font size for the answers in your quiz. Please enter a numeric value in the field.

Question font size (px): #

Define the font size for the questions in your quiz. Please enter a numeric value in the field.

Answer view (Pro): #

Choose the layout for displaying the answers to the questions:

  • List
  • Grid

Disable answer hover: #

Disable the hover effect for the answers.

Question text alignment: #

Set the alignment for the text of your questions:

  • Left
  • Center
  • Right

Answer object-fit (Pro): #

Determine the size of the images attached to the answers. Choose from the following properties:

  • Cover: Resize the image to cover the entire container. The object may be trimmed to fit.
  • Fill: Resize the image to fill the entire container. The object may be stretched to fit.
  • Contain: Resize the image to fit fully within the container.
  • Scale-down: Rescale the image to a smaller size, either using contain or none.
  • None: The image is not resized.

Answer padding (px) (Pro): #

Specify the dimensions of the free space within the answer boxes by entering a numeric value.

Answer gap (px) (Pro): #

Specify the size of the gap between answers by entering a numeric value.

Answer border (Pro): #

Set borders for the answers.

  • Border width (px): Specify the width of the borders for the answers in pixels.
  • Border style: Select the desired style for the answer borders from options such as solid, dashed, dotted, double, groove, ridge, inset, outset, or none.
  • Border color: Select the color for the answer borders. Adjust the opacity level if needed.

Answer box-shadow (Pro): #

Apply a shadow effect to the answer boxes.

  • Answer box-shadow color: Define the color of the shadow for the answer boxes. Adjust the opacity level if needed.

Answer image height (px) (Pro): #

Specify the height of the images attached to the answers by entering a numeric value.

Show answer caption (Pro): #

Display captions along with the images for the answers. This option only works when the answer has an image.

Caption style of the image answer (Pro): #

Choose the preferred placement of the answers in relation to the images attached to them:

  • Outside
  • Inside

Caption position of the image answer (Pro): #

Choose the preferred position of the answers in relation to the images attached to them:

  • Top
  • Bottom

Right/wrong answer icons: #

Select the desired icons for indicating right or wrong answers.

  • Show icons in the live preview
  • Show icons for wrong answers in the live preview. If you enable the second option, please make sure to also enable the first option.
What are your feelings
Scroll to Top