Useful Code Snippets
Helpful code snippets to be used for certain scenarios
Use this when you may be using SSO and do not want people accessing the Account pages
<!-- HIDE Account link in Nav and content on all account pages -->
<style>
a[href="/account"], .my-account {
display:none !important;
}
</style>
Use this when you are using a 3rd party checkout platform and not using Thinkific's
<style>
/* Hide Billing and orders on account menu tab */
.my-account__menu li:nth-child(n+5){display:none;}
</style>
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
<!-- HIDE SUBSCRIPTIONS SECTION ON BILLING PAGE -->
<style>
.my-account__content #subscriptions { display:none;}
.my-account__billing__h4:nth-of-type(2) { display:none;}
/* Hide delete card button */
#delete-card{display:none;}
/* Don't allow edit card at all */
a[href="/account/billings/credit_card"] {
display:none !important;
}
</style>
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
<!-- HIDE DELETE CARD ON BILLING PAGE -->
<style>
#delete-card{display:none;}
</style>
This will hide the progress bar inside the course player for all courses
<style >
div[class^="_course-progress"] { opacity: 0;height:0; }
</style>
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
<style>
.take .course-player__quiz__instructions {
display:none;
}
</style>
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
<style>
/* will hide the entire header */
.new-course-review-page .header, .edit-course-review-page .header{
display:none;
}
/* will hide just the header links*/
.new-course-review-page .header ul, .edit-course-review-page .header ul{
display:none;
}
</style>