How do I remove duplicated Canvas Page title?

How do I remove duplicated Canvas Page title?

Learn how to remove duplicated Canvas course page titles via themes with Loree's bonus custom code.

To conceal page titles in Canvas LMS using custom CSS and upload/update themes in your instance, follow these steps:

Uploading/Updating Themes:

  1. Access the Admin panel in your Canvas LMS instance.

  2. Click on Admin
  3. Navigate to "Desired Account."

  4. Locate and click on "Themes."

  5. Within the Themes section, select "Open in Theme Editor."

  6. To upload or update your theme, click on "Upload" if you're adding a new theme or select your existing theme to make updates.

  7. 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.


Before Additional Code


 

After Additional Code


 



    • Related Articles

    • Landing page

      Overview of landing page The landing page has a simple and user-friendly design that lets you create, edit, and organize course content easily. It uses a module-based layout, allowing you to manage individual pages within each module. Here's how you ...
    • Release notes for Loree - Canvas A2302.4

      Loree Interactive Enhancement Duplicate title value validation for interactives in the admin dashboard We have now restricted Loree admin from renaming an existing Loree interactive with an existing interactive name. When a Loree admin tries to ...
    • Release notes for Loree - Canvas A2202.10

      Loree Issues while Adding items in the Navigation menu As a Loree user, When we add an item to the navigation menu. The newly added items are having different font family than the existing menu item, The Language ISO code is different from the ...
    • I have already created a page in Canvas, can I edit this page in Loree? If yes, how?

      Absolutely! If you've created a page in Canvas after launching Loree, you can seamlessly select that specific page within Loree for editing. Additionally, if the page is already included in a module, you can conveniently locate and edit it by ...
    • Release notes for Loree - Canvas A2302.2

      Loree UI Enhancement on Add Link modal We have now updated the Add Link model with a new user interface and more options. Now when we click on Add link option for a text or an image we will get a new add link modal with with three options. 1. Course ...