Change top navigation bar color in Moodle 3.8.1+

Change top navigation bar color in Moodle 3.8.1+

by Nguyễn Văn Luyến -
Number of replies: 4

Dear members,

I am using Moodle 3.8.1+ (Build: 20200221), standard theme called BOOST and now I would like to change the background color of the top navigation bar and the font color of this bar as well. How can I do this? Please help.

Thanks a lot.

Average of ratings: -
In reply to Nguyễn Văn Luyến

Re: Change top navigation bar color in Moodle 3.8.1+

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
Perhaps the following CSS added to Boost's Raw SCSS textbox will work for you, and get you started exploring CSS.

background. */
.bg-white {
background-color: orange !important;
}
In reply to Rick Jerz

Re: Change top navigation bar color in Moodle 3.8.1+

by Nguyễn Văn Luyến -

The syntax is not correct. Therefore, it didn't work sad

In reply to Nguyễn Văn Luyến

Re: Change top navigation bar color in Moodle 3.8.1+

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
You are correct. Try the following (remove the first line.)

.bg-white {
background-color: orange !important;
}
Average of ratings: Useful (2)
In reply to Rick Jerz

Re: Change top navigation bar color in Moodle 3.8.1+

by Nguyễn Văn Luyến -
Oh, it worked. Thanks so much.
Anyway, how can I change the color of the font on this bar?