Want to take your online course from ordinary to extraordinary? Learn how to harness the power of custom CSS to personalize the look and feel of your course, creating a unique learning experience for your students.
This post will provide you with custom CSS that you can apply to your online course.
Hide room price for all rooms
.rooms .hb_room .summary .price {display: none !important;}
.rooms .hb_room .media a:before {display: none !important;}
.hb_single_room .price {display: none !important;}
Hide room price for HB Room Carousel
.hb_room_carousel .rooms .hb_room .summary .price, .hb_room_carousel .rooms .hb_room .summary a::before{display: none;}
Remove Parallax for the Top Image
.parallax_images-mirror:after {display: none;}
.top_site_main.images_parallax:before {background: none !important;}
Remove the Overlay on the Top Image
.top_site_main.images_parallax:before{background:none;}
Keep the sticky menu when scrolling the page
.site-header.sticky-header.affix.menu-hidden {
transform: none;
-webkit-transform: none;
-moz-transform: none;
}
Remove Regular Plan
.hb_single_room_tab_details h4:first-child, .hb_single_room_tab_details table:first-child {display: none;}
Important Considerations Before Apply Custom CSS
- Double-check if other CSS rules on your site might conflict with this code. If so, you may need to make your selectors more specific (e.g., by adding a parent class).
- Keep in mind that website structures can change. If your theme or plugin updates, you might need to adjust this CSS accordingly.
- If you have extensive customizations, consider using a child theme to avoid losing your changes during updates.
Additionally, you can also learn how to set up and benefit from LearnPress Add-ons for your online course at LearnPress Guide & Tutorials. Wishing you the best in creating the education WordPress website you’ve always wanted.
Learn More from ThimPress Knowledge Base Articles:
- Create a Child Theme in Resca: A Step-by-Step Guide
- One-Click Resca Theme Installation Guide (Video)
- Step-by-Step Video Tutorial: Installing Resca Theme
- Create A Child Theme in Squareroot: Step-by-step Guide
- ADOT Theme Installation: A Step-by-Step Video Tutorial
- Install and Set up the FundPress plugin
- How To Submit A ThimPress Support Ticket
- How To Disable The Demo Slider Images
- Active Included Premium Plugins: What You Need to Know
- How to Back Up Your WordPress Site: 3+ Simple Methods
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