We are running on version 2.4 and are on two different themes, decaf and anomaly. Within a course, the highlight current topic or week function doesn't work. The lightbulb changes, and the source code changes to list that section as current, but it doesn't make any changes visually. I have tried manually editing the CSS rules to fix this, but nothing seems to make a difference. How can I fix this?
Odd that it is not showing up. Just tested with Anomaly and it is for me. Anyway, in your theme's css file you need to add:
I have tried a few alternatives with the CSS code to get this to work and none have worked so far. I did try pasting your code in there and it still didn't work. We have reinstalled the theme with no luck. I can't figure out what the problem is.
I haven't had a chance to look at the style sheets yet to confirm this, but there appears to be a more specific rule that is overwriting the background property of .course-content .current. The dev kit shows that disabling that rule doesn't break anything and allows the property I need to work so i will try to remove that from the style sheet and let you know what I find.
I fixed it. The problem was that the .course-content ul.topics and ul.weeks had a transparent image set as a background. This was nullifying any background colors I tried to apply. I removed that background image from the style sheets and it works as it should now.
As I didn't like to remove the transparent background, I added !important to Gareth's suggestion in the Essential theme general setting's page
I wouldn't think it is theme related, but we are using Decaf. I implemented your suggestion and added the !important and reset the stylesheet back to normal and it didn't fix it. The image still was overriding the rule.
On the contrary, it should be theme related as it's a colour. All colours should be defined in the styles of a theme. If it is done in a plugin it is a bug (unless its a specific piece of functionality).
Perhaps it's not working because Decaf is using a more specific style selector.