CSS to hide the totals columns in Grades
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi guys
I'm struggling to identify how to hide these columns (or just the content) using custom CSS:
I think it should be as 'simple' as:
# 1. the Total column {
display: none;
}# 2. the Groups columns {
display: none;
}
As you can see, it's the bits in red that I'm failing at! I've been inspecting the code of the Grades screen but after some trial and error I'm ready to ask for some help please!
Cheers
Adam
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@a_craik ,
Thanks for coming back and sharing. This is exactly what I was talking about when I wrote
You may also need to be more specific in the selectors.
I just didn't know where it might pop up and I didn't do extensive testing at the time, so I'm glad you did.
Now that you know you need to limit it to the gradebook page, I would recommend that you use the gradebook class that appears on the body element of that page instead of checking the href to make sure it's on the gradebook page. Either one of these two should work
body.gradebook div[id*="assignment_group"]
.gradebook div[id*="assignment_group"]
It wouldn't hurt to throw a .gradebook in front of all of them to make sure you don't find something later on and establish the purpose.
.gradebook div[id*="assignment_group"],
.gradebook div[id*="total_grade"],
.gradebook div.assignment-group-cell,
.gradebook div.total-cell { visibility: hidden;}