📌
Getting Started
💥Super Power Settings
Useful Code Snippets
Helpful code snippets to be used for certain scenarios
Hide My Account link in Nav
Use this when you may be using SSO and do not want people accessing the Account pages
1
<!-- HIDE Account link in Nav and content on all account pages -->
2
<style>
3
4
a[href="/account"], .my-account {
5
display:none !important;
6
}
7
8
</style>
Copied!
Hide Billing & orders
Use this when you are using a 3rd party checkout platform and not using Thinkific's
1
<style>
2
3
/* Hide Billing and orders on account menu tab */
4
.my-account__menu li:nth-child(n+5){display:none;}
5
6
</style>
Copied!
Hide Subscriptions Section on the Billing Page
Use this when you do not have any subscription products or you have a "payment plan" and do not want people to cancel the payment plan
1
<!-- HIDE SUBSCRIPTIONS SECTION ON BILLING PAGE -->
2
<style>
3
4
.my-account__content #subscriptions { display:none;}
5
.my-account__billing__h4:nth-of-type(2) { display:none;}
6
7
/* Hide delete card button */
8
#delete-card{display:none;}
9
10
/* Don't allow edit card at all */
11
a[href="/account/billings/credit_card"] {
12
display:none !important;
13
}
14
15
</style>
Copied!
Hide Delete Credit Card Button on the Billing Page
Use this when you do not have any subscription products or you have a "payment plan" and do not want people to delete their card - which will cancel subscriptions
1
<!-- HIDE DELETE CARD ON BILLING PAGE -->
2
<style>
3
#delete-card{display:none;}
4
</style>
Copied!
Always hide the progress bar
This will hide the progress bar inside the course player for all courses
1
<style >
2
div[class^="_course-progress"] { opacity: 0;height:0; }
3
</style>
Copied!
Hide Quiz Instructions
In quiz lessons there are some "obvious instructions" that some prefer not to show. ex: "Choose only ONE best answer". This will hide the instructions for all quiz types, so if you have some that are "choose more than one", than this would not be advised
1
<style>
2
.take .course-player__quiz__instructions {
3
display:none;
4
}
5
</style>
Copied!
Hide Header on Reviews Page
Choose an option below and place this into the Site Footer Code Settings:
yoursite.thinkific.com/manage/settings?section=site-footer-code#tab-code-analytics
1
<style>
2
/* will hide the entire header */
3
.new-course-review-page .header, .edit-course-review-page .header{
4
display:none;
5
}
6
7
/* will hide just the header links*/
8
.new-course-review-page .header ul, .edit-course-review-page .header ul{
9
display:none;
10
}
11
12
</style>
Copied!