Hiding page titles

[NMarinus]

When Editing my Canvas page, I need to give my page a name/title. 

When I'm viewing my page (after editing), the name of the page will appear above the page. But I don't want this because it doesn't match with my layout of the page. How do I (a novice in CANVAS) hide the title?

See the screenshot, I want the title with the yellow cross gone. 

If I have to do this with HTML codes, please provide the full code, because I'm not experienced with this. 

[chriscas · Accepted solution]

Hi @NMarinus,

Unfortunately, I think the simple answer here is that the title cannot easily be removed (and definitely cannot be removed by a teacher).  The only want to remove the title would be through custom CSS/Javascript added to an account theme.  That would have to be done by a Canvas Administrator and would affect every course in the account/subaccount (and may also affect more than just pages depending how it was coded).  I can see from your screenshot that you are going for a certain visual style on your pages, but I'd honestly advise just leaving the title as-is and stylizing the rest of your page as you see fit.

I know this might not be the answer or solution you were hoping for, but I am going to mark it as the solution as this post does describe how Canvas works and so that we know the question has been answered.

-Chris

[chriscas · Accepted solution]

Hi @NMarinus,

Unfortunately, I think the simple answer here is that the title cannot easily be removed (and definitely cannot be removed by a teacher).  The only want to remove the title would be through custom CSS/Javascript added to an account theme.  That would have to be done by a Canvas Administrator and would affect every course in the account/subaccount (and may also affect more than just pages depending how it was coded).  I can see from your screenshot that you are going for a certain visual style on your pages, but I'd honestly advise just leaving the title as-is and stylizing the rest of your page as you see fit.

I know this might not be the answer or solution you were hoping for, but I am going to mark it as the solution as this post does describe how Canvas works and so that we know the question has been answered.

-Chris

[Chris_Hofer]

Hello @NMarinus (and @SusanNiemeyer and @chriscas) ...

I'm not sure if your schools have purchased the Design Tools software from Cidi Labs, but if you have this integration available to you, removing the page titles is possible.  Here are a couple screen shots for you.  As you can see from my screenshot, my page name is "My Awesome Page".  Then, in the Design Tools toolset on the right, under the heading "Create/Edit Content" >> "Customize Banner Text", there is a toggle switch to "Show Canvas Title".  If this is turned off, then "My Awesome Page" will not show at the top of the page once I save my edits.  Titles can be removed on an individual page basis.  So, if you want page titles on some of your course pages and not on others, this is entirely possible.

Here is what the page looks like without the "My Awesome Page" title displaying on the screen:

Note: I could remove all of that blue banner stuff as well...that was just some stuff I had added to my page as I was playing around with page designs a while back.

There's so much more to Design Tools...way too much to cover here...but I thought I'd share this slick part of Design Tools that allows you to do this without messing with any code.  I hope this helps in some way.

[SusanNiemeyer]

Hi @Chris_Hofer 

I wish that my District would invest in Design Tools, but alas, it hasn't. It would be lovely to have an already made template without having to deal with HTML coding for each item in my courses.

[SusanNiemeyer · Accepted solution]

@chriscas is correct. The short answer is "no." You cannot remove the Canvas Page title. That being said, there are tricks for drawing the eye to the page content. Please see my attached screenshot. Notice how I used a double line and then created a header with a colored background.

Here's the HTML code I used for both:

<hr style="border: 0; border-top: 5px double #2c3b8f;" />
<h2 style="color: #ffffff; background: #873c90; padding-left: 10px;"><strong><span style="font-size: 18pt; font-family: 'trebuchet ms', geneva;">Textbooks</span></strong></h2>