Hide specific breadcrumb with custom CSS

Hide specific breadcrumb with custom CSS

by Jared Reed -
Number of replies: 2

Hi Everyone! I am using the following,

  • Moodle Version 2.9
  • Theme: Educator

I want to do three things, hopefully by just using the custom CSS box within the theme because I do not have access to the server files.

  • Hide "Courses" from the breadcrumb NavBar. I have categories that are given access to be seen by only Adjuncts, Faculty, and Staff but if the user simply clicks Courses in the navbar they can see all available categories which isn't ideal. This is also shown in the side navigation block. 
  • Hide Course search bar on other pages throughout the website, I have it toggled off on the front page already.
  • Hide the course dropdown select from other pages.

I've attached three screenshots for your reference. The first shows just some custom HTML buttons I made to link to the categories to show how im using blocks to leverage access instead of letting them click on the categories. The second is of the Course part of the navbar I am trying to hide, third is of the search and dropdown i am trying to hide.

https://moodle.org/pluginfile.php/115/mod_forum/post/1491970/SelectorAndSearch.PNG

https://moodle.org/pluginfile.php/115/mod_forum/post/1491970/ButtonsToCategories.PNG

https://moodle.org/pluginfile.php/115/mod_forum/post/1491970/NavBars.PNG


any help would be greatly appreciated. Thank you!

Average of ratings: -
In reply to Jared Reed

Re: Hide specific breadcrumb with custom CSS

by Jared Reed -

Here is a link to a previous post in 2014 explaining the courses part a little better. https://moodle.org/mod/forum/discuss.php?d=267433

Average of ratings: -
In reply to Jared Reed

Re: Hide specific breadcrumb with custom CSS

by Jared Reed -

Using F12 browser to find the CSS elements I've included the following two lines of code in the custom CSS section of the Educator theme.


.categorypicker {display: none;}

.coursesearch {display: none;}


Nothing happens when I place that into the custom CSS section, it doesn't even show it being implemented in the browser debug. But if I manually place it into the browser where it SHOULD be going, the sections are hidden like they are supposed to be. I'm 100% sure which theme I am using, what am I missing?


Average of ratings: -