Submit a ticket My Tickets
Login  Sign up
Open navigation

How to Edit the Preview Card of your Courses

With LearnWorlds, all your courses can be viewed in compact, easy-to-understand course cards. Once a potential user finds your school homepage, this is how your courses will appear to them:

Here is how you can set up your course cards:

1. Navigate to the course you want to change, click on the Settings tab on the top of your screen.

2. To change the image of your course card, click on Upload and choose your desired image. 

3. You can also change the Title of your course, the Description,  Add a Label, add the Author’s Nameas well as the Author’s Avatar.

4. Don't forget to click on Save to save your changes.


  • The Author's name field will appear in your Courses section by the Author filter.
  • The Add a label field can be used in your custom Certificate template, as the Credits custom field.
  • If you would like to add space between the lines, you can add <br> under the "Description" field, and the space will be displayed in the Course Cards section for example:

  • You can make some alterations to your Course Cards section, by using the following CSS snippet for hiding the progress bar of the course cards.  The CSS snippet should be added in the Custom code editor of your school and paste in the <style> (css) for built in pages (i.e social, profile, workpad, my account) field. Then click on Update.
/*hide progress bar from course cards*/
.lw-course-card .lw-interior-mt .learnworlds-overline-text {
display: none;

.lw-course-card-progress {
display: none;

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.