MMM-network-signal - make the message text larger

sdetweil

@DarrenHill said in MMM-network-signal - make the message text larger

.MMM-network-signal p {
    font-size: 1.5em;
 }

yeh, override is tricky sometimes… the ‘nearest’ specified (to the targeted thing) style wins…
in this case the style= specified ON the element itself

UNLESS

you add !important

this works

.MMM-network-signal p {
    font-size: 1.5em !important;
 }

https://www.w3schools.com/css/css_important.asp

DarrenHill

@sdetweil And we have a winner :D

That one worked as you say, thanks Sam!

So yesterday’s learning was GitHub, today’s is CSS ;)

mumblebaj

@DarrenHill this worked for me. note the , before the p

.MMM-network-signal ,p {
font-size: 1.5em;
color: yellow;
}

sdetweil

@mumblebaj where do you see the leading comma in the css selector definition, except for allowing the same style to apply to multiple selectors

.class element1, element2, element3 { 
   styles
}

vs having three separate definitions…

.class element1{ 
   styles
}
.class element2 { 
   styles
}
.class element3 { 
   styles
}

sdetweil

@DarrenHill said in MMM-network-signal - make the message text larger:

So yesterday’s learning was GitHub, today’s is CSS
also see the ways you can select elements

https://www.w3schools.com/cssref/css_selectors.asp

mumblebaj

@sdetweil Try it. It works. I tested it.

DarrenHill

@mumblebaj Just tried it (copy/paste from your code above) and whilst the yellow works, the font-size didn’t for me.

sdetweil

@mumblebaj well, it made the font bigger, but NOT 1.5em…