General Custom CSS for ThimPress Themes

This guide provides general custom CSS code snippets for ThimPress themes. These snippets can be used to customize the appearance of your online course website, allowing you to customize your website.

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

Remove the Date and 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;}

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

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

Resize the Avatar on the Profile page

.lp-profile #learn-press-user-profile .info-general .avatar {flex-shrink: unset !important;}

Edit Main Menu not Capitalized

Edit Main Menu not capitalized, for example, Blog instead of BLOG.

header#masthead .width-navigation .main-menu > li > a {text-transform: none !important;}

Disable the Lesson link in the Curriculum

body.learnpress.learnpress-v3 .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
pointer-events: none;
cursor: default;
}

Keep all Lesson sections in the Curriculum closed

.lp-landing #learn-press-course-curriculum .curriculum-sections .section .section-content,
.course-curriculum ul.curriculum-sections .section-content {
display: none;
}

Keep Lesson sections in the Curriculum closed except for the first one

#learn-press-course-curriculum ul.curriculum-sections li.section:not(:first-child) .section-content {
display: none;
}

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

Display background video which set up in the row on the mobile

@media (max-width: 767px){
.vc_video-bg.vc_hidden-xs {
display: block !important;
}}

Contact US | ThimPress:

Website: https://thimpress.com/

Fanpage: https://www.facebook.com/ThimPress

YouTube: https://www.youtube.com/c/ThimPressDesign

Twitter (X): https://twitter.com/thimpress