Through the Thrive Apprentice template settings you can customize the way your course will look on your WordPress website.
This article is a step-by-step guide for customizing your Thrive Apprentice template when using the legacy editor.
Note: If you are using the new Thrive Apprentice visual editor, then these articles might help you with more information on this topic:
Access Thrive Apprentice
When you first access Thrive Apprentice you will, first of all, need to choose a page on which you want to display your courses:
Then, on the second step you will need to choose how you want to customize your template: either by personalizing your template when you first access Thrive Apprentice or after you have already built your course:
Personalizing Your Template
If you go with the first option and select the "Personalize Template" button, you will be sent straight to the "Template Settings" page, where you will be greeted with the following message:
Basically, you don't have any courses set up on your website, so, in order to be able to customize the way your courses will look, you will be given a demo course on which you can apply any changes you want.
The changes you bring to the demo course will be later on applied to your own courses after they will be created and published.
The demo course will not be visible to your users. Only you will be able to see it, inside the "Template Settings":
On the left-hand side you can find the actual Template Settings that you can apply to the course;
On the canvas, you will find the actual course on which the settings will be applied.
Choosing a Default Template
If you go with the second option and you choose a default template, first, you will need to build and publish a course. If you haven't done that yet, check out our article on how to publish your first Thrive Apprentice course.
After you have published your course, you can access the Template Settings and bring changes to your published course. In order to do that, in the Thrive Apprentice dashboard, simply access the "Design" section of the left sidebar:
By selecting that option you will be sent to the Template Settings, as seen in the screenshot above. However, this time, you will be able to see how the changes applied to your own course.
Moving forward with the article, you will be able to see exactly what every feature in the "Template Settings" does.
The Demo/Live Option
As you have probably guessed, the "Demo" option indicates the demo version of the course, which is the one you are editing if you have no courses published yet:
On the other hand, the "Live" option will be available if you have at least one course published on your website. If you select this option, in the canvas you will see the interface of your own course.
The Basic Template Settings
After you access the Template Settings you will see a couple of basic options, on the left-hand side of the screen:
1. Main Color
This setting allows you to choose a color that will be applied to the main elements of your course ("Start Course" button, lesson titles, etc.). Click on the box with the color and then select the desired color from the color picker that opened:
After choosing a color, click on "Apply":
Here you can choose a logo that will be displayed above your course:
You can choose between an image and a text logo.
You can add an image logo by clicking on the "Change" button from this section and then, selecting the image you want to add from the media library:
If you want to add a text as a logo, then just check the checkbox next to the "Add logo as Text" option and then, enter the text you want to be displayed as your logo:
Please note that when you use the text logo, the font you select for your course will be applied to the logo as well.
You also have the option to adjust the size of the logo, regardless if it is an image or a text. In order to do this, you simply have to drag the slider or enter a value manually in the box next to the slider from the "Size" section here:
Font Source: Here you can select the source of the font that you want to use in the courses/lessons.
Simply click on the little down arrow from this section and a drop-down will open, where you can choose between "Web Safe Fonts" and "Google Fonts":
Font Family: You can modify the font type of the entire text found in the courses/lessons by clicking on the down arrow from this section and then, selecting the desired font type from the drop-down:
The Advanced Settings
As stated before, these are the basic options. To access a more advanced range of options, select the "Advanced Settings" button from the bottom side of the left sidebar, with the options:
Once you access the Advanced Settings, you will have two sets of options: The "Course Overview" and the "Course Layout":
The Course Overview
In the "Course Overview" you will be able to bring more detailed changes to the course page:
As you can see, on the left-hand side of the screen you have a bunch of detailed options that you can apply to your course. For example, you can modify the font size of the course name or the lesson name. However, the best way is to test how each option works, on the demo course.
The changes will be applied inside a course, where all of the lessons will be listed, NOT on the page where all of the courses are displayed.
The Course Layout
Speaking of which, if you want to bring changes to the page where all of the courses are placed, select the "Course Layout" option:
As in the case of the "Course Overview" option, you have a couple of options that you can apply to your content.
However, in this case, the options will apply to the Course Index page, which is the page where all of the courses are placed right next to each other.
In this way, you can change, for example, the labels to anything you want. And again, the best way to discover the options is to test them one at a time and see what implications they have on the course layout.
Lastly, one more thing that you can do from the "Advanced Settings" of the template is to translate the "Course Overview" and the "Course Layout" fields. You can read more about how you can do that in the article linked here.
If you found this article useful, don't forget to rate it, below.
Also, check out the other Thrive Apprentice tutorial articles as well, for more in-depth information.
If you have any further questions, don't hesitate to open a support conversation.