How on earth do I change the orange color in the boost theme

How on earth do I change the orange color in the boost theme

by Mark Anderson -
Number of replies: 5

Using moodlecloud and boost theme 

Can't believe how difficult/poorly documented this. 

i know HTML/CSS inside out and if I HAD TO, I could enter the CSS (wherever on earth it needs to go), but there HAS TO BE A WAY in settings to change it.

I changed  "theme_boost | brandcolor" (wild guess) to #0000C7. Still get Orange background. All it does is change text and SOME buttons to blue

The header (moodle cloud free trial will expire notice) and background of site name is still default color of #ec7f13

Also, how do I get rid of that awful background image? theme_boost | background image is empty

How do I load a preset. i got to presets repo, see one I like, no way to select, download, nothing


Can;t believe how much time I;m wasting on something that should be so simple




Average of ratings: -
In reply to Mark Anderson

Re: How on earth do I change the orange color in the boost theme

by Emma Richardson -
Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers
Well to start with you are using a free site that might not have all the options. In the theme settings for Boost there is an advanced tab where you can enter css but it is possible that it is not available in MoodleCloud...there are some packages where you can install on your computer and try the full version out for free - I use MAMP on my mac and just download the latest code...
Average of ratings: -
In reply to Emma Richardson

Re: How on earth do I change the orange color in the boost theme

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
Emma, Boost in MoodleCloud does offer all the standard Boost's normal ways of customizing it, including custom CSS.

Mark, my screenshot is from my MoodleCloud, with Boost. It shows where to enter CSS. (Riding a bike should be simple too, and it is once you learn how.)

I am not the expert in all of this, however, I did share some of my own experiences at various MoodleMoots. Maybe my notes will help you.
MoodleMoot2017 (US and Mountain), "Making Boost do MORE"
MoodleMoot2016, "Customizing MORE to Improve Your Moodle’s Appearance "

Attachment CSS.png
Average of ratings: -
In reply to Mark Anderson

Re: How on earth do I change the orange color in the boost theme

by Jon Bolton -
Picture of Testers

And

body {background-image: none;}

doesn't work?? It did when I tried it 2 mins ago.

but a better way would be to not load the image in the first place. It's part of the moodlecloud.scss preset, so change it the preset to the default.

  1. Go to Site admin > Appearance > Themes > Boost > General settings
  2. Change the “Theme preset” to default.scss
  3. Go to Site admin > Development > Purge caches and clear the theme caches
Average of ratings: -
In reply to Jon Bolton

Re: How on earth do I change the orange color in the boost theme

by Jon Bolton -
Picture of Testers
Oh, and the Theme Presets database is being migrated into MoodleNet so the current one is a bit ugly at the moment but the scss files are still all available for download.

Go to Boost presets Database

Click on the thumbnail image of a theme, and at the bottom of the page you will see the scss file.


Average of ratings: -
In reply to Jon Bolton

Re: How on earth do I change the orange color in the boost theme

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
Interesting, Jon.

Yes, I think that I change my Moodlecloud background by using a different preset, the one that I use in my regular Moodle.

Quite honestly, I only use my Moodlecloud for experimenting, so I am a bit removed from what it can and cannot do.
Average of ratings: -