Custom CSS Support for LearnPress Websites

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:

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

Home Plugins Themes Cart