Changing Icon with Boost navigation fumbling

Changing Icon with Boost navigation fumbling

by Alvaro Moodle Eurecat -
Number of replies: 9

Hello,

I am customising my navbar in theme Moove using Boost navigation fumbling.

When I try to add new shortcuts it works well but it does not display a customised icon (it always displays the default folder icon)

It does not even work with the example listed in the plugin itself.

  • Student information course|/course/view.php?id=1234||||||fa-graduation-cap

 Can someone help me with this?

Thank you!!!!

Average of ratings: -
In reply to Alvaro Moodle Eurecat

Re: Changing Icon with Boost navigation fumbling

by guillaume crepin -

hello,

I have the same problem do you have a solution now ?

Thank you !

Average of ratings: -
In reply to Alvaro Moodle Eurecat

Re: Changing Icon with Boost navigation fumbling

by Florian Leupold -
Hi,

I have got the same problem. I am sure I did get the number of pipes right as the default icon (small, black square) is replaced by a bigger, empty square. However, the desired icon does not show up.

Have you found a solution in the meantime?

Thanks
Average of ratings: -
In reply to Alvaro Moodle Eurecat

Re: Changing Icon with Boost navigation fumbling

by Manon Hermann -
hi !
I have the same probleme as you... Someone have a solution for that ?

Thanks you
Average of ratings: -
In reply to Manon Hermann

Re: Changing Icon with Boost navigation fumbling

by Majid Rafiee -
Same problem here.
Average of ratings: -
In reply to Majid Rafiee

Re: Changing Icon with Boost navigation fumbling

by Kyle Cramer -

I noticed that if blocks editing is on the new icon does not show up. In order to see it I had to turn blocks editing off. Once I did that the icon appeared and now it shows regardless of blocks editing being on or off.

Average of ratings: -
In reply to Manon Hermann

Re: Changing Icon with Boost navigation fumbling

by Malek Skywalker -

Hello ! 

I also have the same problem, using Moove Theme (Moodle version 3.11).

 
I couldn't find a solution with this one, but I noticed that I don't have the problem using another Boost child theme (Academi). 
I wanted to use the copyright fa-con ©.

With Moove : 

With Academi : 

Average of ratings: -
In reply to Alvaro Moodle Eurecat

Re: Changing Icon with Boost navigation fumbling

by Nyasha Kapfumvuti -

Here is a CSS workaround via the [data-key=""] selector.

I ran into the same issue today and needed a quick fix. I would not call this a perfect solution but more of a hack. So hopefully someone will post a more elegant solution.The MOOVE theme seems to be using Simple-Line-Icons and not FontAwesome, so you need to select your icons and change the content attribute.

  1. Head over to https://thesabbir.github.io/simple-line-icons/ to see the icons being used. The actual codes you will need for your CSS are available on the Github Repo: https://github.com/thesabbir/simple-line-icons/blob/master/css/simple-line-icons.css
  2. Each icon in the nav drawer uses a CSS selector that can be overriden using something like this:
[data-key="localboostnavigationcustomrootusers5"] a::before {
    content: "\e065" !important;
}
or
[data-key="localboostnavigationcustomrootadmins1"] a::before {
    content: "\e09a" !important;
}
or
[data-key="13"] a::before {
display: none !important;
}

You will have to use your browser inspector to see what each item's selector is. Remember that there may be additional ones that are displayed inside courses, so be sure to check. Use the Github repo mentioned above to find the codes for each icon you want to display.

Sorry if my post was incorrectly made. First time posting.

Good Luck.

Average of ratings: Useful (1)
In reply to Nyasha Kapfumvuti

Re: Changing Icon with Boost navigation fumbling

by Malek Skywalker -
Hello Nyasha !

Your solution worked for me, thanks a lot !
Average of ratings: -