Do you want to hide/display some things on our demo WordPress themes? It’s easy to use Custom CSS Support by ThimPress.
How to Add The Custom CSS?
To add custom CSS on our LMS WordPress themes that use LearnPress:
- Navigate to Appearance in your website’s dashboard.
- Select Customize.
- Choose the General tab.
- Click on Custom CSS & JS.
- Enter your custom CSS code in the Custom CSS field.
All Custom CSS Support for the LearnPress Websites
Here is a list of all custom CSS for WordPress sites using LearnPress:
Keep the menu sticky when scrolling the page
#masthead.affix.menu-hidden {
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
}
Remove the overlay on the top image for all pages
.top_site_main>.overlay-top-header {
display: none;
}
Display the WooCommerce cart icon in the header for all pages
body:not(.woocommerce):not(.woocommerce-page) .widget_shopping_cart {
display: inline-block;
}
Display Footer Bottom on Homepage only
body:not(.home) footer#colophon.has-footer-bottom {
margin-bottom: 0!important;
}
Remove the Footer Bottom on the Homepage only
body.home footer#colophon.has-footer-bottom {
margin-bottom: 0;
}
Remove the Course Features box
#tab-overview .thim-course-info {
display: none;
}
#tab-overview .thim-course-content {
width: -webkit-calc(100% - 0px);
border-right: none;
}
Remove the 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;
}
Remove the 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;
}
Remove the Take This Course button
.learn-press .form-purchase-course .button-enroll-course {
display: none;
}
Remove the Buy This Course button
body .learn-press form.course-external-link, body .learn-press form.purchase-course .button-purchase-course {
display: none;
}
Remove related courses (You May Like section)
.thim-ralated-course {
display: none;
}
Remove related posts (You Also May Like section)
.related-archive {
display: none;
}
Remove Author from course thumbnails
.thim-course-grid .course-item .thim-course-content .course-author {
display: none;
}
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;
}
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;
}
Change the link color in the site content
.site-main .entry-content a {
color: #000000;
}
Display Toolbar on mobile
@media (max-width: 480px) {
#toolbar .thim-have-any-question {
display: block;
}
}
Remove Events Participants
.tp-event-organizers {
display: none;
}
Remove the top image for all pages
.top_site_main {
display: none;
}
Remove the author on the post single page
.single-post .thim-about-author {
display: none;
}
Remove the navigation post
.entry-navigation-post {
display: none;
}
Conclusion
That should be all CSS for today. You may download and install LearnPress to acquire the CSS.
Should you encounter any issues during installation or while using LearnPress, please feel free to reach out to us or consult the comprehensive LearnPress Tutorial & Guide articles provided by ThimPress.
Note: If you are looking for shortcodes, please follow our list of LearnPress shortcodes.
Learn More from ThimPress Knowledge Base Articles:
- How to Import Eduma Landing Page for Your Website?
- Remove Shipping Information on WooCommerce Add-on
- Live Stream Your Lesson with LearnPress
- Set Courses Archive Page Layout in List as Default
- Setup WooCommerce for Online Courses
- General Custom CSS for ThimPress Themes
- Hide WordPress Toolbar From Users Except For Instructor
- Set Up Redirect when clicking the Check Availability button
- Translate Rooms in Multilingual with WPML
- LearnPress Translation Using The Loco Translate Plugin
- How to Import Data with WPBakery or SiteOrigin
- How to Increasing Your Affiliate Income on ThimPress
- How Does The ThimPress Market Affiliate Program Work?
ThimPress Development Team
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