Need some CSS help ... looking for the key names

[ruff.hi]

Evening All … I can change the size and color of my date and time with …

.clock .time {
font-size: 9rem;
}

.clock .date {
 color: #F2F3F4;
 font-size: 5rem;
}

but I need to know that .time and .date are the ‘magic words’. It is pretty obvious for the clock module but I am struggling with the Newsfeed module.

So far I have …

/* this is the provider of the news feed (eg NPR) */
.newsfeed .light.small.dimmed {
  color: #F2F3F4;
  font-size: 3rem;
}

/* this is the heading of the news feed */
.newsfeed .bright.medium.light {
  font-size: 3rem;
  color: #88C29B;
}

… but I can’t find the magic words for the first line of the story. How do I work out what those should be?

[sdetweil]

@ruff-hi see this for how to use the developers window to discover this info

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1696694536512

also when there is no space between selector elements .bright.medium.light

it ONLY applies to AN element that MUST contain all three classes at the same time

[ruff.hi]

@sdetweil said in Need some CSS help ... looking for the key names:

@ruff-hi see this for how to use the developers window to discover this info

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1696694536512

also when there is no space between selector elements .bright.medium.light

it ONLY applies to AN element that MUST contain all three classes at the same time

Thanks - just what I was looking for.