Custom CSS Support

You want to hide/ display some things on the demo? It’s easy by using Custom CSS. (Add the Custom CSS to Appearance >> Customize >> General >> Custom CSS & JS >> Custom CSS)

1. Keep the menu sticky when scrolling the page:

#masthead.affix.menu-hidden {
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
}

2. Remove the overlay on top image for all pages:

.top_site_main>.overlay-top-header {
display: none;
}

3. Display WooCommerce cart icon in the header for all pages:

body:not(.woocommerce):not(.woocommerce-page) .widget_shopping_cart {
display: inline-block;
}

4. Display Footer Bottom on Homepage only:

body:not(.home) footer#colophon.has-footer-bottom {
margin-bottom: 0!important;
}

5. Remove Footer Bottom on Homepage only:

body.home footer#colophon.has-footer-bottom {
margin-bottom: 0;
}

6. Remove Course Features box:

#tab-overview .thim-course-info {
display: none;
}
#tab-overview .thim-course-content {
width: -webkit-calc(100% - 0px);
border-right: none;
}

7. Remove price of the courses + text “Free”:

.thim-course-megamenu .course-price .value, .thim-course-grid .course-item .thim-course-content .course-meta>div.course-price .value, body .learn-press .course-payment .course-price .value, .learn-press .thim-course-landing-button .course-price .value, .widget-area .thim-course-list-sidebar .course-price .value, .thim-course-list .course-item .thim-course-content .course-price .value {
display: none;
}

8. Remove text “Free”:

.thim-course-grid .course-item .thim-course-content .course-meta>div.course-price .value.free-course, .widget-area .thim-course-list-sidebar .course-price .value.free-course, .thim-course-list .course-item .thim-course-content .course-price .value.free-course, .thim-course-megamenu .course-price .value.free-course, body .learn-press .course-payment .course-price .value.free-course, .learn-press .thim-course-landing-button .course-price .value.free-course {
display: none;
}

9. Remove Take This Course button:

.learn-press .form-purchase-course .button-enroll-course {
display: none;
}

10. Remove Buy This Course button:

body .learn-press form.course-external-link, body .learn-press form.purchase-course .button-purchase-course {
display: none;
}

11. Remove related courses (You May Like section)

.thim-ralated-course {
display: none;
}

12. Remove related posts (You Also May link section):

.related-archive {
display: none;
}

13. Remove Author from course thumbnails:

.thim-course-grid .course-item .thim-course-content .course-author {
display: none;
}

14. Remove enrolled student:

.thim-course-grid .course-item .thim-course-content .course-meta .course-students, #tab-course-description .thim-course-info .students-feature, .thim-course-list .course-item .thim-course-content .course-meta .course-students {
display: none;
}

15. Set full width for Lesson content:

#body.course-item-popup #learn-press-content-item .content-item-wrap .comments-area, body.course-item-popup #learn-press-content-item .content-item-wrap .content-item-summary, body.course-item-popup #learn-press-content-item .content-item-wrap .course-item-nav, body.course-item-popup #learn-press-content-item .content-item-wrap .edit-course-item-link, body.course-item-popup #learn-press-content-item .content-item-wrap .learn-press-content-protected-message, body.course-item-popup #learn-press-content-item .content-item-wrap .message {
max-width: 1200px;
}

16. Change link color in the site content:

.site-main .entry-content a {
color: #000000;
}

17. Display Toolbar on mobile:

@media (max-width: 480px) {
#toolbar .thim-have-any-question {
display: block;
}
}

18. Remove Events Participants:

.tp-event-organizers {
display: none;
}

19. Remove the top image for all pages:

.top_site_main {
display: none;
}

20. Remove the author on the post single page

.single-post .thim-about-author {
display: none;
}

21. Remove the navigation post

.entry-navigation-post {
display: none;
}