Custom Css

Custom Css is added in Appearance >> Customize >> General >> Custom Css:

1. Remove date & comment in 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 Date in 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 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 avatar in 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, body {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
body #thim-header-topbar {
display: none;
transition: all .5s;
body #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;