Archive Courses

Archive Courses add a template for an archive page. It contains a grid of all the courses on your Tutor LMS website

Results Count

You can use the Oxygen Builder text field editor to change the typography of the result counter. 

Sorting Select

  • Select Padding: Select a padding around the sorting select button
  • Typography: You can use the Oxygen Builder text field editor to change the typography of the sorting button
  • Border: 
    • Currently Editing Border: Select which border 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. 
  • Focus Border
    • Currently Editing Border: Select which border 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. 
  • Box 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
  • Focus Box 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

Course Grid

  • Level Badge: You can use the Oxygen Builder text field editor to change the typography of the level badge.
  • Wishlist Icon: 
    • Font Size: Set the size of the wishlist icon
    • Font Color: Set the color of the wishlist icon
    • Hover Font Color: Set the color of the on-hover wishlist icon
    • Hover Background: Set the hover background
    • Hover Border Color: Set the border color on mouse hover
  • Stars
    • Stars size: change the size of the star in the rating system. The units are in px (pixels)
    • Stars Color: use this RGBA color picker to select the color of the stars in the rating system. 
  • Course Title: This tab changes the appearance of the Course Title. You can use the Oxygen Builder text field editor to change the typography of the Course Title. 
  • Meta Info: This tab changes the appearance of the meta info. You can use the Oxygen Builder text field editor to change it.
  • Author Label: You can use the Oxygen Builder text field editor to change the typography of the author label.
  • Author value: You can use the Oxygen Builder text field editor to change the typography of the author value
  • Course Price: You can use the Oxygen Builder text field editor to change the typography of the course price
  • Cart Button: You can use the Oxygen Builder text field editor to change the appearance of the cart button.
  • Border: 
    • Currently Editing Border: Choose which border you want to edit
    • Border Color: Select the border color
    • Border Width: Select the width of the button’s border
    • Border Style: Pick a border Style
    • Border Radius: Pick a radius for the curved corners of the button. Use this to create a rounded square effect on the button. You can also click on “edit individual radii” to change each radius separately.
  • Hover Border: 
    • Currently Editing Border: Choose which border you want to edit
    • Border Color: Select the border color
    • Border Width: Select the width of the button’s border
    • Border Style: Pick a border Style
    • Border Radius: Pick a radius for the curved corners of the button. Use this to create a rounded square effect on the button. You can also click on “edit individual radii” to change each radius separately.
  • Box 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 Box 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
  • Spacing: Add padding and margin around the courses in the grid

Pagination

  • Items Align: Choose the item alignment in the course grid
  • Font Size: Choose the font size of the pagination text
  • Border: 
    • Currently Editing Border: Choose which border you want to edit
    • Border Color: Select the border color
    • Border Width: Select the width of the button’s border
    • Border Style: Pick a border Style
    • Border Radius: Pick a radius for the curved corners of the button. Use this to create a rounded square effect on the button. You can also click on “edit individual radii” to change each radius separately.
  • Hover Border: 
    • Currently Editing Border: Choose which border you want to edit
    • Border Color: Select the border color
    • Border Width: Select the width of the button’s border
    • Border Style: Pick a border Style
    • Border Radius: Pick a radius for the curved corners of the button. Use this to create a rounded square effect on the button. You can also click on “edit individual radii” to change each radius separately.
  • Box 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 Box 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

Spacing

Pick a margin and a padding around the filterbar.

Was this helpful?