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;
}