Newsfeed module behaves differently than Compliments with custom.css?

yawns

Yes and yes.
You could of course modify the classname line and apply other classes. But I would recommend defining own css styles to override existing styles instead.
If you modify the JavaScript file you could lose your changes if the module receives an update via github

valid8r

@yawns To do so would be to update custom.css right? Would you be able to show an example of how that would work for a module such as compliments.

zkab

I get the bigger fonts in newsfeed but still white color … hmmm
My custom.css looks like this

body {
}
.newsfeed .medium {
font-size: 60px;
font-color: #e6e600;
line-height: 60px;
}
.brightb {
color: #a2d2f6;
}
.wi-sunrise {
color: #ff0;
}
…

strawberry 3.141

@zkab did you try?

.newsfeed .medium {
  font-size: 60px;
  color: #e6e600;
  line-height: 60px;
}

zkab

Thanks - it works …

zkab

Still struggling with fonts & colors …
When I insert following in custom.css I don’t get the color for calendar …

.calendar .small {
color: #a2d2f6;
}

The message Loading … is in right color but when the calendar shows it it still in white … same thing with

.calendar .dimmed {
color: #a2d2f6;
}

Where have I missed ?

yawns

If you look into the calendar.js file you see the wrapper showing actual calendar entries is using

timeWrapper.className = "time light";
So I would try .calendar .time instead.

zkab

It works great - I am learning more and more thanks to this forum …
But if I want to change color for the calendar entries (Christmas Day, Boxing Day …)
Didn’t find it calendar.js …

.calendar .??? {
color: #a2d2f6;
}