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.

Sidebar
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.