Change background color

Change background color

by Mark Miller -
Number of replies: 3

Currently, my courses display black type on a white background.  I know how to change font color; I can't figure out how to change the background to a color or design.

My internet searches and the archive here return advise like:

course-content ul.topics li.section .content {
    background-color: #abc;    
}
I know this is CSS code, but I have no idea what to do with it. I'm an operator with just enough knowledge to be dangerous.

If I'm reading this right.  I "simply" have to do some cut & paste work and then insert or replace the code.  I have no clue how I do that; where do I make these changes?

I want to:                                                                                                                                                                                                                                                         

[1] change the background [color, transparent image, etc] in any activity where the screen displays text [such as pages, book, quizzes]  to something other than white

[2] make the new background the default.

I'm running Moodle 3.5.

This change will be for all courses constructed in an-as-yet-to-be-determined theme

 tia

 mm

Average of ratings: -
In reply to Mark Miller

Re: Change background color

by C Behan -

Hi Mark,


Whatever theme you go with might give you those options anyway without having to manually enter CSS. This might be easier to think about when you your theme installed.



Average of ratings: -
In reply to Mark Miller

Re: Change background color

by Ryan Hazen -

Hi Mark,

You don't need to know CSS to change background color in Moodle. 

Just go to administration > site administration > themes > {your theme here}

For example, I use "More" so I would select More at this level (if you don't know your theme, look in the "theme selector" link in the appearance menu to find it):


Depending on theme, your administration menu may look different than this, but the links are all the same.

Once in the settings for your theme, find the color picker and change away. You can either click in the color palette or enter a hex code in the box below:



Scroll down and click save changes and you should see your changes reflected right away.

You can also enable course-level theme selection if you need different colors for different courses, but I would stick to the basics for now smile

Happy Moodling!

Average of ratings: -