Single Assignment Template

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

Oxygen Tutor LMS integration

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

  • Assignment Title: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Assignment Info Label: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Assignment Info Value: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Description Header: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Description Content: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Submit Form Header: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Submit Form Label: You can use the Oxygen Builder text field editor to change the typography of the top bar elements.
  • Submit Form Input: 
    • Font Size: Set font size of the submit form input text
    • Font Color: Set font color of the submit form input text
    • Font Family: Set font family of the submit form input text
    • Background Color: Set background color of the submit form input text
    • Border Color: Set border color of the submit form input text
    • Border Radius: Set the corner radius of the border
    • Hover Background: Set the hover background
    • Hover Border Color: Set the border color on mouse hover
    • Padding: Set a padding around the submit form
  • Area Spacing: Set a padding and margin around the assignment content
  • Background: Set background color of the content section

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

Upload 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

Submit 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 the pagination text.
  • Hover Typography: You can use the Oxygen Builder text field editor to change the on-hover typography of the pagination text.

Was this helpful?