Removing item spacing and border

Removing item spacing and border

by Brian Pool -
Number of replies: 8
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.




Attachment Course-Computer-Hardware-Topic-CH-9-Purchasing-or-Building (1).png
Attachment Course-Computer-Hardware-Topic-CH-9-Purchasing-or-Building.png
Average of ratings: Useful (1)
In reply to Brian Pool

Re: Removing item spacing and border

by Brian Pool -
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;
}
Attachment Course-Computer-Hardware-Topic-CH-6-Memory.png
Average of ratings: Useful (1)
In reply to Brian Pool

Re: Removing item spacing and border

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
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).
Average of ratings: Useful (1)
In reply to Rick Jerz

Re: Removing item spacing and border

by John Nicholson -
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
In reply to John Nicholson

Re: Removing item spacing and border

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
In reply to Rick Jerz

Re: Removing item spacing and border

by John Nicholson -
Back from Christmas break now and trying your new link.  It also give a 404 error.  But thanks for trying!
Attachment 2024-01-08 14_59_58-404 Not Found.png
In reply to Rick Jerz

Re: Removing item spacing and border

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
In reply to Rick Jerz

Re: Removing item spacing and border

by John Nicholson -
It works!  Thanks Rick.
In reply to John Nicholson

Re: Removing item spacing and border

by Rick Jerz -
Picture of Particularly helpful Moodlers Picture of Testers
Thanks for letting me know, John. (You might notice that I have been revising my website, causing the broken link problems. Sorry.)