Changing the font color of the course name

[jtorres1]

Hello,

I'd like to change the font color of our course names to white so they essentially disappear to students. I have taken screen shots of what I am trying to do in hopes that you can better assist me. I would just like both of those course fonts to be white (#ffffff), but am unsure how to make that change permanent - outside of using the Inspect>Console. I have highlighted in blue in the screenshots where the font color needs to be changed.

Any help would be greatly appreciated.

[kona]

jtorres, similar to your last post, I'm pretty sure all of this falls under custom global javascript. I'm going to share this with the Canvas Developers​ and Canvas Admins​ groups in the Community to see if anyone can help!

[jtorres1]

Any thoughts, @Matthew Hanes?

[MattHanes · Accepted solution]

Instead of turning them white, you can hide them altogether. You do so by adding this to the global javascript (not CSS) file:

$(document).ready(function(){

$("#breadcrumbs").hide();

$(".course-title.ellipsis").hide();

});

[jtorres1]

Hi Matt,

You are amazing! It seems to have worked for the course name at the very top near the 3 horizontal bars, but not the course name directly above the homepage information. Any ideas? I can't thank you enough!

[MattHanes]

I fixed my code above. Rookie mistake. Should have been double quotes instead of single quotes around the elements, I guess. I just like to pretend that I know what I'm doing.

[MattHanes]

I should also add that you will notice this code runs after the page has loaded so the course titles will briefly appear and then disappear.

[jtorres1]

Thank you SO much!! You're the best!

[jtorres1]

I think I got excited too soon - the course title in the header is still appearing and doesn't disappear.

[jtorres1]

Here's a screenshot - is it possible to just change the font color to white so it disappears since the double quotes aren't working?