@piki

.clock .time {
font-size: 150px;
color: yellow;
}
.clock .date {
font-size: 40px;
color: red;

@piki what??? was this a continued post?

show your custom.css entry

@evroom you cannot add or change a classname string

class=“foo”
to add “bar” class too
class =“foo bar”

but you CAN change the behavior of the other classes to match what adding another class could do

OR , you could add the styles to the ELEMENTS you WOULD have added the bar class to…

just_have_to_select_them {
styles
}

as an example of a complex selector in my MMM-Config, I want to hide an element on a library generated element

.possibly-hidden-tab div:nth-child(2) > div > div >div >ul >li:only-child >a[rel*="Item%201"] { display: none; }

this is
elements with the possibly-hidden-tab class
its second child div
its immed child div
its immed child div
its immed child div
its immed child ul
its immed only child li
with an a element containing a rel attribute value of “Item 1”
(spaces have to be encoded, but for clarity I left it out here)

@shicks I found it! Thanks to other posts on here.

The css for the height of the header fixes it:
.CX3 {
–cellheaderheight: 50px;
}

I still have to tighten things up a bit but at least I go this one that was elusive to me.

7652c89b-812d-4b71-8bd9-ab682f23509e-image.png

@bluepgt possibly… MagicMirror UI is all browser… we don’t control any of it.

that said, we don’t generally have mouse active (on wall output view)
but you could extend and try

use the developers window elements tab
see the second link in my signature below

@DDE12 make the icon 1.5em
then you need to size the div the spans are in

@sdetweil
Wow, Thanks, I finally figured out what you have been trying to tell me.
Found the wording to make it big enough to read now…
\Thanks for you help Sam…

@sharkbait awesome. You can use it on every module

@NotMyCircus

as an example with css changes I did this in about 20 minutes
config

{ module: "MMM-CalendarExt3", position: "middle_center", disabled: false, config: { mode: "week", weeksInView:2, firstDayOfWeek: "1", fontSize:'30px', headerWeekDayOptions: { weekday: 'narrow' // this makes the weekday 1 characater wide }, } }

css

.CX3 .cw { display: none !important; } .CX3.bodice { background:linear-gradient( blue,lightblue); } .CX3 .cell { background: transparent; border: transparent; } .CX3 .cell.today { border: transparent; } .CX3 .cellDate { margin-right: 20px; } .CX3 .cellHeader .cellDate span.dateParts.month.seq_0 { display: none; }

Screenshot at 2024-09-01 20-08-23.png

@sdetweil

Ok
Now I understand.
The 2 variables must be set in the configuration of each news.
Now it is corrected and works.
Thank you very much.

@sdetweil

Thank you for the help Sam.
You are the man…

@BKeyport awesome

@MMRIZE @sdetweil thanks for the help. I havent had a chance to play around with it on my set up but looks to be going in the right direction!

@pritikin71 classes goes after module:

right?

{ module : " calendar", classes:"foo", config: { . . . } }

css

.foo ..... { (NOT .weather) ... }

you can ALSO use the ID value assigned to the module
the selector for id is

#id ... { ... }

I use this cheatsheet to help me remember
https://www.w3schools.com/cssref/css_selectors.php

everthing before the {
is called the selector clause… because is ‘selects’ the elements of the page doc, that the stuff INSIDE the {} will be applied to

. = class # = id : is the prefix for special elements [ x ] means element with an attribute of x <div x="foo"/> nothing = tag name (table, ul, li, p, ....div)

Hi, maybe the best way is using zoom functionality because,any logos will not follow the font size

in custom css try this:

#CARBURANTS { zoom: 120%; }

@atltiger81 no, don’t change the code

just add a classes property to the compliments module config

{ module:"compliments", position:"....", config: { compliments: { ... ... }, classes:".......... whatever" } }

from the doc
1000026352.jpg

@TazDev Thanks! This is exactly what I needed to change my MagicMirror so it displays Aurabesh for some of the data.

@sdetweil YES!!!

Thank you so much! This is exactly what I wanted. <chef’s kiss>