Single Quiz Template

Single Quiz Templates are full templates that contain all the elements of a quiz page. You can use all these settings to change the look and feel of the quiz page.

Use this tab to change the sidebar appearance

  • Tabs Typography: You can use the Oxygen Builder text field editor to change the typography of the sidebar title.
  • Tabs Icon: 
    • Color: Select the color of the tab icons
  • Size: Select the size of the tab icons
  • Topic Typography: You can use the Oxygen Builder text field editor to change the typography of the sidebar title.
  • Topic Icon: 
    • Color: Select the color of the topic icon
    • Background: Select the background color of the topic icons
  • Topic Toggle Icon
    • Color: Select the color of the topic toggle icons
  • Size: Select the size of the topic toggle icons
  • Topic Spacing: Select a padding around the topic title
  • Lesson Typography: You can use the Oxygen Builder text field editor to change the typography of the lessons text.
  • Lesson Icon: This tab can be used to edit the lesson icons, quiz icons, and lesson duration icons. 
    • Size: Select the size of the icons and texts.
    • Color: Select the color of the icons and texts
  • Lesson Spacing: Put a padding around the lesson labels
  • Background: This tab lets you handle all the backgrounds in the sidebar
    • Tab Background: Select the color of the background of the lesson tabs 
    • Tab Active Background: Select the color of the background of the active tab
    • Lesson Background: Select the color of the background of the lessons section
    • Q&A Background: Select the color of the background of the Q&A section

Topbar

  • Home Link: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Title: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Color: 
    • Background: Select a color for the top bar background
    • Toggle Bar: Select a color for the background of the toggle bar
  • Spacing: Select a Padding and a Margin for the topbar.

Content

  • Quiz Title: You can use the Oxygen Builder text field editor to change the typography of the quiz title.
  • Course Label: You can use the Oxygen Builder text field editor to change the typography of the course label.
  • Course Title: You can use the Oxygen Builder text field editor to change the typography of the top bar elements. 
  • Meta Label: You can use the Oxygen Builder text field editor to change the typography of the meta label.
  • Spacing
    • Padding: Set a padding around the quiz content
    • Margin: Set a margin around the quiz content
  • Background: Use the RGBA color picker to set the background color

Start Button

  • Button Paddings: Select a padding around the start button 
  • Background Colors: Set a background color for the start button 
  • Background Hover Colors: Set a background color on mouse hover
  • Typography: You can use the Oxygen Builder text field editor to change the typography of the button typography.
  • Borders: 
    • Currently Editing Border: Select which button to edit
    • Border Color: Set a border color with this RGBA color picker
    • Border Width: Set a border width
    • Border Style: Set a border style 
    • Border Radius: Set a radius for the rounded corners in the button. 
  • Hover Borders: 
    • Currently Editing Border: Select which button to edit
    • Border Color: Set a border color with this RGBA color picker
    • Border Width: Set a border width
    • Border Style: Set a border style 
    • Border Radius: Set a radius for the rounded corners in the button.
  • Shadow: 
    • Box Shadow: Toggle between inset and outset shadow
    • Shadow Color: Use this RGBA color picker to choose a shadow color
    • Shadow Horizontal Offset: Select the horizontal position of the shadow
    • Shadow Vertical Offset: Select the vertical position of the shadow
    • Shadow Blur: Select a blur intensity effect. 
    • Shadow Spread: Select how far the shadow spreads
  • Hover Shadow
    • Box Shadow: Toggle between inset and outset shadow
    • Shadow Color: Use this RGBA color picker to choose a shadow color
    • Shadow Horizontal Offset: Select the horizontal position of the shadow
    • Shadow Vertical Offset: Select the vertical position of the shadow
    • Shadow Blur: Select a blur intensity effect. 
    • Shadow Spread: Select how far the shadow spreads

Pagination

  • Typography: You can use the Oxygen Builder text field editor to change the typography of pagination text.
  • Hover Typography: You can use the Oxygen Builder text field editor to change the typography of pagination text on hover.

Was this helpful?