Help with a couple CSS issues

Nneuland

@sdetweil
That’s great. Can’t thank you enough.

matt216

@sdetweil I wonder if I can ask for some help? I have MMM-ip module that I’d like the change the font size. Following your instructions with dev tools I can see:
mmm-ip font.png

So I have put in my custom.css:

.MMM-ip .dimmed {
font-size: 16px;
}

But it doesn’t seem to take effect. Any advice?
Thanks in advance.
Matt

sdetweil

@matt216 while in the dev window,

u can see the custom.css value is strike thru, cause the div wins

so u need to apply the style to the div

add it to the element box above.

if that works, you can mark/copy that top right box, and paste to custom.css, should have the right targeting syntax

matt216

@sdetweil Thanks for the help.
How do I reference the div in custom.css not the class?
Adjusting the value in the element box above successfully adjusts the font, but this looks to adjust the ‘dimmed’ class.

sdetweil

@matt216 and when u copy/paste that from the top box to custom.css, what do u get?

just swipe mark the element entry, copy

here is my favorite cheet sheet on css selectors

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

sdetweil

I’m guessing

.MMM-ip  .dimmed div {
     font-size:16px;
}

matt216

@sdetweil Thank you, this works:

.MMM-ip  .dimmed div {
     font-size:16px;
}

sdetweil

@matt216 what did the copy/paste result look like?