I am beginning my testing to migrate from LTS version 3.9 to 4.1 over the summer. There are several great things I see in 4.1. However, the amount of screen real estate that is consumed by the item borders and spacing is larger than my technology team finds acceptable. The same 4 items in 3.9 take over twice the landscape on 4.1. I would like to remove the borders and padding.
We LOVE the icons and completion information but need to compress the course sections some.
I was able to identify the code making the borders. I added the following in the theme CSS.
@media (min-width: 768px)
.activity-item:not(.activityinline) {
padding: 1.5rem;
}
.section .activity {
list-style: none;
padding: 0.25rem 0;
}
@media (min-width: 768px)
.activity-item:not(.activityinline) {
padding: 1.5rem;
}
.section .activity {
list-style: none;
padding: 0.25rem 0;
}
Brian, you are getting the hang of it.
On my web page, Moodle Notes, near the top, I share the CSS that I have added to Boost and Moodle 4.2. Some of what I do addresses what you want to do, and perhaps a little more.
Also, a little below my CSS, I have a video showing how I add Collapsed Topics to my moodle. You don't need to do this, but the video will show you how my Moodle looks with my CSS changes (and a few admin setting changes).
Also, a little below my CSS, I have a video showing how I add Collapsed Topics to my moodle. You don't need to do this, but the video will show you how my Moodle looks with my CSS changes (and a few admin setting changes).
Rick, I'd sure like to see that web page of yours where you share the CSS. But when I go to https://www.rjerz.com/professional/moodle/moodle_notes.html I get a "404 Not Found" error message. Is there a new URL for this?
Thanks, John
Thanks, John
Back from Christmas break now and trying your new link. It also give a 404 error. But thanks for trying!
It works! Thanks Rick.
Thanks for letting me know, John. (You might notice that I have been revising my website, causing the broken link problems. Sorry.)