ThimPressThimPress ThimPress
  • Themes
    • WordPress Theme
    • Shopify Theme
    • All Themes
  • Plugins
    • LearnPress
    • LearnPress Pro Bundle
    • LearnPress Semi-Pro Bundle
    • LearnPress Premium Add-ons
    • LearnPress Free Add-ons
    • LearnPress Mobile App
    • All Plugins
  • Blog
    • Best SEO Practice for Beginners
    • Internal link building tools
    • WordPress for Education
    • What are Sentiment Words
    • 20+ Free Shopify Themes
  • Help Center
    • Support Forum
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact Us
  • Our Services
    • Customization
    • Maintainance
    • Hosting
    • Advertise
  • 0
  • Sign in
Back
  • Themes
    • WordPress Theme
    • Shopify Theme
    • All Themes
  • Plugins
    • LearnPress
    • LearnPress Pro Bundle
    • LearnPress Semi-Pro Bundle
    • LearnPress Premium Add-ons
    • LearnPress Free Add-ons
    • LearnPress Mobile App
    • All Plugins
  • Blog
    • Best SEO Practice for Beginners
    • Internal link building tools
    • WordPress for Education
    • What are Sentiment Words
    • 20+ Free Shopify Themes
  • Help Center
    • Support Forum
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact Us
  • Our Services
    • Customization
    • Maintainance
    • Hosting
    • Advertise
  • Home
  • Knowledge Base

Custom CSS Support

  • Share
  • Facebook

You want to hide/ display some things on the demo? It’s easy by using Custom CSS. (Add the Custom CSS to Appearance >> Customize >> General >> Custom CSS & JS >> Custom CSS)

1. Keep the menu sticky when scrolling the page:

#masthead.affix.menu-hidden {
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
}

2. Remove the overlay on top image for all pages:

.top_site_main>.overlay-top-header {
display: none;
}

3. Display WooCommerce cart icon in the header for all pages:

body:not(.woocommerce):not(.woocommerce-page) .widget_shopping_cart {
display: inline-block;
}

4. Display Footer Bottom on Homepage only:

body:not(.home) footer#colophon.has-footer-bottom {
margin-bottom: 0!important;
}

5. Remove Footer Bottom on Homepage only:

body.home footer#colophon.has-footer-bottom {
margin-bottom: 0;
}

6. Remove Course Features box:

#tab-overview .thim-course-info {
display: none;
}
#tab-overview .thim-course-content {
width: -webkit-calc(100% - 0px);
border-right: none;
}

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

8. Remove 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;
}

9. Remove Take This Course button:

.learn-press .form-purchase-course .button-enroll-course {
display: none;
}

10. Remove Buy This Course button:

body .learn-press form.course-external-link, body .learn-press form.purchase-course .button-purchase-course {
display: none;
}

11. Remove related courses (You May Like section)

.thim-ralated-course {
display: none;
}

12. Remove related posts (You Also May link section):

.related-archive {
display: none;
}

13. Remove Author from course thumbnails:

.thim-course-grid .course-item .thim-course-content .course-author {
display: none;
}

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

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

16. Change link color in the site content:

.site-main .entry-content a {
color: #000000;
}

17. Display Toolbar on mobile:

@media (max-width: 480px) {
#toolbar .thim-have-any-question {
display: block;
}
}

18. Remove Events Participants:

.tp-event-organizers {
display: none;
}

19. Remove the top image for all pages:

.top_site_main {
display: none;
}

20. Remove the author on the post single page

.single-post .thim-about-author {
display: none;
}

21. Remove the navigation post

.entry-navigation-post {
display: none;
}

Latest Articles

  • Remove the Date From Your WordPress URLs

    Remove the Date from Your WordPress URLs: Complete Guide

  • LearnPress Add-on Stripe v4.0.2

    LearnPress Add-on Stripe v4.0.2 Update

  • LearnPress v4.2.3.6

    LearnPress v4.2.3.6 Update

  • LearnPress v4.2.3.5 Update

    LearnPress v4.2.3.5 Update

  • EIG Hosting Alternatives

    EIG Hosting: Recommendations for Alternatives

Categories

  • Blog
  • Tutorials & Updates
  • WordPress Theme Collections
  • Marketing & SEO
  • Glossary
thimpress logo

We are a company that is passionate about developing products to help you build your business online. Our very first priority is to guarantee our customers’ experience and satisfaction.

"ThimPress" is a brand of "PhysCode LLC".
Address: 14936 DILLOW ST, #V301, Westminster, CA 92683.
Email: [email protected]


COMPANY

  • Privacy Policy
  • Terms & Conditions
  • Refund Policy
  • Item Support Policy
  • Partner
  • Advertise

AFFILIATE

  • Become an Affiliate
  • Affiliate Terms & Policies

SUPPORT

  • Documentation
  • Forum
  • How to get help

PRODUCT

  • WordPress Plugins
  • WordPress Themes
  • Shopify Themes
  • Coupon

Our Network

  • Facebook
  • Twitter
  • Envato
  • Youtube
  • PhysCode
  • ArrowTheme

Special offer promotion

Up To 40% OFF
ThimPress Products
Sale ends September 30, 2023
Show me more
Designed by ThimPress. Powered by WordPress.
DMCA.com Protection Status
  • Terms & Conditions
  • Documentation

Sign In

Lost your password?

Not a member yet? Sign up now

Lost Password

Please enter your username or email address. You will receive a link to create a new password via email.

Are you a member? Sign in now