I am having a great difficulty changing the background color of my moodle front page. However, I was able to change the background color for all my courses and my admin page under "more". Whenever I select "more" on "force theme", It affect all my pages apart from the front page. Can somebody tell me how to make the from page background color change as well.
Hi Oluwayomi,
There are a couple of ways of achieving this. If you have access to your server and can make customisations to your theme you can add the following lines at the end of your main css file:
body#page-site-index{background-color: red;
}
Alternatively If you only have admin access to your site go to: Site administration > Appearance > Additional HTML and add the following code to the "With HEAD" section:
<style type="text/css">
body#page-site-index{
background-color: red;
}
</style>
Both solutions will only target the Moodle front page as Moodle has a handy css selector for each page (#page-site-index in this example).
Hope this helps
I have access to the admin and I was able to put in the custom css for the head. It immediately changed the home page for the admin side alone. However, this change does not reflect on the student home page once i log off as admin. I want the same look for the student home page too.
Hi,
Are you talking about the actual Home page (frontpage.php) or the background on the /my page, which is known as 'mydashboard' in Moodle? The 'mydashboard' page is sometimes set automatically so after login a student goes to their own 'Home' page.
Can you post an image to give me an idea of what the page you are asking help with looks like?
Thanks
Mary
Thank you
The background color does not come up when students login. However, as soon as they click on a course they have registered for, or about to register for, the pages that are served afterwards come with the background color i have forced using "more". the picture below show the page when user just logged in and when they are on a course page.Thanks
Hi,
Is your MAIN theme More theme?
Is the theme with the blue background your MAIN theme?
Is the course using a course theme? If so what theme is it?
I can not use a customize theme, so I decided to change the default background color. I am not sure what the MAIN theme is because I have not came across the MAIN theme option. The force theme for the course is "more"- that was the color i chose in the more configuration.
By main I was referring to the default theme for your site, if you do not know, then you can check by going to Site Administration > Appearance > Themes > Theme selector.
If you want the default theme to have the same background as your course theme then you need to add the background colour to the default theme. If the course theme is called More and you changed the settings in that theme. Obviously your default theme is different than the course theme, so you need to find out what theme is the default theme.
Mary,
Thank you. That was helpful.Everything changed when I changed my main theme to more.
Thanks!