Adding a colour background to Moodle 4.0 using CSS

The background in boost is colourless. Its almost a perfect white. Where there is the option to choose an image for a background, perhaps you just want a simple colour or gradient in the background. This short video shows how this can be accomplished using the CSS below:

/* This changes the background colour */
.pagelayout-login #page,body {
background: linear-gradient(to right,#b1e1b8,#bffdf7,#b1e1b8);
}

[ProgramarDesdeCero]

Excelent video, could you make a video where explain how change color of menu-bar

[tomascabreramesina]

thanks brother, my background is beautiful now

[SolutionsDevSP]

Nice, but the CSS code says ".pagelayout-login #page, body" which is not actually affecting the login page, but the whole website.

[MRFUN]

Hi great video, do you have any custom css for changing the 'whiite sections of moodles 'Boost' theme. for example the main body and nav bars?

[kimschittchristensen]

Any advice on how to change text color of the navigation bar? I managed to change the navbar color, but not the text. Thanks in advance 🙂

[nariroeplal]

Hi can you make a video on how to change the layout or design of the login page?😅

[nishaadkhan]

Hi
Great video and content

Is it possible to add an image using css?