To conceal page titles in Canvas LMS using custom CSS and upload/update themes in your instance, follow these steps:
Uploading/Updating Themes:
Access the Admin panel in your Canvas LMS instance.
Navigate to "Desired Account."
Locate and click on "Themes."
Within the Themes section, select "Open in Theme Editor."
To upload or update your theme, click on "Upload" if you're adding a new theme or select your existing theme to make updates.
Important: When making updates, ensure not to overwrite any existing code.
Custom CSS to Hide Page Titles from Canvas LMS:
/* To hide page title from course */
.show-content .page-title{
display: none !important
}
This CSS code will target and hide page titles exclusively.
Remember to save your changes, and the page titles on your Canvas LMS should now be hidden.
Custom JS to hide page titles only for Loree edited pages:
$(window).on("load", function() {
if ($('.loree-iframe-content-row').length > 0) {
$('.show-content > .page-title').css('display', 'none');
}
});
Note: While loading the page, the title will show for milliseconds until our JS loads. Once a JS file is loaded, the title will be hidden.