Greetings Moodle Community
Moodle: 3.3 (Build: 20170515)
Adaptable: 1.4 (Build: 2017053000)
I'd like to know how I can create custom CSS to target an element on a specific page. Below is an example.
I used the new "Dashboard Region Block Builder" (fantastic feature, thank you!) to modify the dashboard, however, this element (indicated in the screenshot below and highlighted in red) is still visible. This wouldn't be a problem if the theme has a white background.
I have identified this element as "#region-main" using Firefox Developer Edition's Inspector. Upon adding custom CSS such as #region-main { background-color: red}
.
However the problem with this is, it modifies the main-regions on all the pages, for instance...
Including of course, the problematic element on the dashboard.
Knowing how to do this would allow me to modify the login page's white background as well:
Thank you!
P.S. I'd like to see a feature in the future that allows you to modify the login page