Custom CSS is added in Appearance >> Customize >> General >> Custom CSS:
1. Remove the date & comment in the course
.thim-sc-courses-carousel .content .sub-content .data-comment, .course .content .sub-content .date-comment, .thim-related-course .owl-stage-outer .item-list-center .date-comment {display: none !important;}
2. Remove only the Date in the course
#lp-single-course .course-thumbnail .time {display: none;}
.course .content .sub-content .date-comment .number-comment {font-size: 16px;}
.course .content .sub-content .date-comment {font-size: 0;}
3. Change the color of the label SALE
.thim-course-block-3 .new-course .wrapper:after, .thim-course-block-3 .sale .wrapper:before {border-top: 86px solid red !important;}
4. Resize the avatar on Profile page
.lp-profile #learn-press-user-profile .info-general .avatar {flex-shrink: unset !important;}
5. Edit Main Menu not in capitalized, for example, Blog instead of BLOG
header#masthead .width-navigation .main-menu > li > a {text-transform: none !important;}
6. Disable lesson link in Curriculum
body.learnpress.learnpress-v3 .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
pointer-events: none;
cursor: default;
}
7. Keep all lesson sections in Curriculum closed
.lp-landing #learn-press-course-curriculum .curriculum-sections .section .section-content,
.course-curriculum ul.curriculum-sections .section-content {
display: none;
}
8. Keep lesson sections in Curriculum closed except for the first one
#learn-press-course-curriculum ul.curriculum-sections li.section:not(:first-child) .section-content {
display: none;
}
9. Keep sticky menu when scrolling down the page
body header#masthead.site-header.affix.menu-hidden, body header#masthead.site-header.sticky-header.no-transition.affix {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
}
body header#masthead.site-header.affix #thim-header-topbar {
display: none;
transition: all .5s;
}
body header#masthead.site-header #thim-header-topbar {
transition: all .5s;
}
10. Display background video, which setup in the row, on mobile
@media (max-width: 767px){
.vc_video-bg.vc_hidden-xs {
display: block !important;
}}